技術標籤：jQueryjquery

目錄

• • 1. 解綁所有事件
  • 2. 解綁指定事件

1. 解綁所有事件

jQuery 物件的 off() 方法沒有引數時，將解綁這個物件的所有事件。

<style>
    .mydiv {
        width: 100px;
        height: 100px;
        background-color: #4d90fe;
    }
</style>

<div class="mydiv"></div>
<button onclick="fn()"
 
>解綁事件</button>

<script>
    $(".mydiv").on({
        click: function () {
            console.log("我是點選事件");
        },
        mouseenter: function () {
            console.log("滑鼠移入事件");
        },
    });
    function fn() {
        $(".mydiv"
 
).off();
    }
</script>

滑鼠移入，並點選 div 元素，結果如下

點選解綁事件，然後滑鼠移入並點選 div 元素，將不再觸發任何事件。

2. 解綁指定事件

off() 方法將事件型別的名稱作為引數時，將解綁物件指定的事件。

<style>
    .mydiv {
        width: 100px;
        height: 100px;
        background-color: #4d90fe;
    }
</style>

<div class="mydiv"></div>
 

<button onclick="fn()">解綁事件</button>

<script>
    $(".mydiv").on({
        click: function () {
            console.log("我是點選事件");
        },
        mouseenter: function () {
            console.log("滑鼠移入事件");
        },
    });
    function fn() {
        $(".mydiv").off("mouseenter");
    }
</script>

滑鼠移入，並點選 div 元素，結果如下

點選解綁事件，然後滑鼠移入並點選 div 元素，將不再觸發滑鼠移入事件。