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