zoukankan      html  css  js  c++  java
  • 事件解绑与事件触发

    绑定事件都知道用on或者bind,当然on用的多,那么想要解除事件呢?

    写一个小的例子,点击按钮,下面的a元素被触发点击事件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            a{text-decoration: none;}
        </style>
    </head>
    <body>
       <input type="button" id="btn" value="点击"/><br>
       <a  href="javascript:void(0)">我是被触发的对象</a>
    </body>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        $(function(){
            $("a").click(function(){
                alert("哈哈")
            });
            $("#btn").on("click",function(){
                //$("a").click();//方法一
                $("a").trigger("click")//方法二
            })
    
    
        })
    </script>
    </html>

    click事件是比较早的写法,而trigger(触发)也是另一种比较新的方法。当然都可以实现效果。

    这是绑定了点击事件,那解绑的话就用到了off:

    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        $(function(){
            //解除事件
            $("a").on("click,mouseenter",function(){
                alert("哈哈")
            });
          $("a").off();//解除匹配元素的所有事件
             $("a").off("click");//解除匹配元素的所有click事件
    }) 
    </script>

    好了,以上off就是接触事件的方法。

  • 相关阅读:
    python反射
    numpy笔记
    leetcode43
    leetcode-42
    The Github Flow
    leetcode-37
    leetcode-41
    leetcode-40
    TCP扫盲2
    字节码分析与操作
  • 原文地址:https://www.cnblogs.com/web001/p/8467485.html
Copyright © 2011-2022 走看看