如何使用jQuery绑定DOM元素上的所有事件？

  • Z时代
  • 2024-01-10
  • 分类：综合

bind（type，[data]，fn）方法将处理程序绑定到每个匹配元素的一个或多个事件（例如click）。它还可以绑定自定义事件。

可能的事件值-模糊，聚焦，加载，调整大小，滚动，卸载，单击等。

这是此方法使用的所有参数的描述-

  • type- 一种或多种事件类型，以空格分隔。

  • 数据 -这是可选参数，表示作为event.data传递到事件处理程序的其他数据。

  • fn- 绑定到每个匹配元素集上的事件的函数。

示例

您可以尝试运行以下代码，以了解如何绑定DOM元素上的所有事件：

<html>
   <head>
      <title>jQuery bind()</title>
      <script src = "https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
            $('div').bind('click', function(event){
               alert('Hi there!');
            });
         });
      </script>
       
      <style>
         .div {
            margin:10px;
            padding:12px;
            border:2px solid #666;
            width:60px;
         }
      </style>
   </head>
   
   <body>
   
      <p>Click on any square below to see the result:</p>
       
      <div class = "div" style = "background-color:blue;"></div>
      <div class = "div" style = "background-color:green;"></div>
      <div class = "div" style = "background-color:red;"></div>
       
   </body>
   
</html>

以上是 如何使用jQuery绑定DOM元素上的所有事件？ 的全部内容， 来源链接： utcz.com/z/326999.html

回到顶部