從單個Div元素中刪除click事件

Question

我已經將mousedown處理程序添加到父div內的所有div中，如下所示：

$productContainer.children(".button").on('mousedown', function(){
    var index = $(this).index();
    console.log("Clicked button at " + index);
    // this doesnt work
    $(this).removeAttr('mousedown');
});

現在，我想為該特定div單擊按鈕后刪除mousedown處理程序。 我怎么做？ 刪除attr mousedown似乎無效。

Answer 1

使用off方法：

$productContainer.children(".button").on('mousedown', function(){
    var index = $(this).index();
    console.log("Clicked button at " + index);
    $(this).off('mousedown');
});

更多信息： http ： //api.jquery.com/off/

您也可以改用one方法。 它將在第一次觸發時自動刪除事件處理程序：

$productContainer.children(".button").one('mousedown', function(){
    var index = $(this).index();
    console.log("Clicked button at " + index);
});

更多信息： http : //api.jquery.com/one/

Answer 2

使用.off描述：刪除事件處理程序。

$productContainer.children(".button").off('mousedown');
$productContainer.children(".button").on('mousedown', function(){
    var index = $(this).index();
    console.log("Clicked button at " + index);
    // this doesnt work
    $(this).removeAttr('mousedown');
});

Answer 3

代替 ：

$(this).removeAttr('mousedown');

采用 ：

$(this).unbind('mousedown');

要么

$(this).off('mousedown');