jQuery中的事件方法是什么？

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

常用的事件的方法包括$（文件）。就绪() click()，dblclick()等，有它可以在一个事件对象调用的方法列表，

以下是可以在事件对象上调用的一些方法，

序号
方法和说明
1
preventDefault() 
防止浏览器执行默认操作。
2
isDefaultPrevented() 
返回是否曾经在此事件对象上调用过event.preventDefault()。
3
isPropagationStopped()
返回是否曾经在此事件对象上调用过 event.stopPropagation()。
4
stopImmediatePropagation() 
停止执行其他处理程序。


让我们看一个stopPropagation()方法的例子。该stopPropagation()方法停止将事件冒泡到父元素，从而防止任何父处理程序收到该事件的通知。

示例

您可以尝试运行以下代码，以了解如何stopPropagation()在jQuery中使用事件方法-

<html>
   <head>
      <title>jQuery stopPropagation() method</title>
      <script src = "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
            $("div").click(function(event){
               alert("This is : " + $(this).text());
               //评论以下内容以查看区别
               event.stopPropagation();
            });
         });
      </script>
       
      <style>
         div {
            margin:10px;
            padding:12px;
            border:2px solid #666;
            width:160px;
         }
      </style>
   </head>
   
   <body>
   
      <p>Click on any box to see the effect:</p>
       
      <div id = "div1" style = "background-color:blue;">
         OUTER BOX
         <div id = "div2" style = "background-color:red;">
            INNER BOX
         </div>
      </div>
       
   </body>
</html>

以上是 jQuery中的事件方法是什么？ 的全部内容， 来源链接： utcz.com/z/343452.html

回到顶部