jQuery-移除事件


unbind()--unbind(type,data)

第一个参数事件类型,第二个参数将要移除的函数

(1)、如果没有参数,则删除所有绑定的函数

(2)、如果只提供了事件类型作为参数,则只删除该类型的绑定事件

(3)、如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src='jquery-3.2.1.min.js'></script>
    <script type="text/javascript">
        $(function(){
            $('#btn').bind('click',fn1=function(){
                $('#test').append('<p>我的绑定函数1</p>');
            }).bind('click',fn2=function(){
                $('#test').append('<p>我的绑定函数2</p>');
            }).bind('click',fn3=function(){
                $('#test').append('<p>我的绑定函数3</p>');
            });
            $('#delAll').click(function() {
                $('#btn').unbind('click',fn2);
            });
        });
    </script>
</head>
<body>
    <button id="btn">单击我</button>
    <button id="delAll">删除所有事件</button>
    <div id="test"></div>
</body>
</html>

one()--该方法可以为元素绑定处理函数,当处理函数触发一次后,立即被删除

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src='jquery-3.2.1.min.js'></script>
    <script type="text/javascript">
        $(function(){
            $('#btn').one('click',function(){
                $('#test').append('<p>我的绑定函数1</p>');
            }).one('click',function(){
                $('#test').append('<p>我的绑定函数2</p>');
            }).one('click',function(){
                $('#test').append('<p>我的绑定函数3</p>');
            });
        });
    </script>
</head>
<body>
    <button id="btn">单击我</button>
    <button id="delAll">删除所有事件</button>
    <div id="test"></div>
</body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM