反向 e.preventdefault？

Posted 2023-05-09

【中文标题】反向 e.preventdefault？

【英文标题】：Reverse e.preventdefault?

【发布时间】：2014-04-29 00:21:33

【问题描述】：

我有以下代码：

$(document).bind('panelopen', function (e, data)      
    $('#ReleaseTransactionsPageContent').on('touchstart touchmove', function(e) 
         e.preventDefault(); 
    );
);

它的功能是在面板打开时防止滚动。在面板关闭时，我想取消绑定 preventdefault 并重新启用 touchstart 和 touchmove。

$(document).bind('panelclose', function (e, data)      
    $('#ReleaseTransactionsPageContent')....not sure what to put here
);

【问题讨论】：

嗯，确实如此，而且确实如此。我关闭面板，无法滚动禁用滚动的主要内容。我为什么要打开这个问题？

【参考方案1】：

使用.off() 删除事件处理程序。

$('#ReleaseTransactionsPageContent').off('touchstart touchmove'); //remove previous attached handler
$('#ReleaseTransactionsPageContent').on('touchstart touchmove',function() //attach new handler
   //code here
);

【参考方案2】：

.off() 就是你要找的东西

$(document).bind('panelclose', function (e, data)      
    $('#ReleaseTransactionsPageContent').off('touchstart touchmove');
);

【参考方案3】：

假设您使用的是 jQuery>=1.7，请使用 .on() 和 .off()。您可以使用名称间隔的事件名称来注册/取消注册处理程序，因为否则只需调用 .off('touchstart touchmove') 将删除所有其他可能已被其他人注册的 touchstart 和 touchmove 事件。

$(document).on('panelopen', function (e, data) 
    $('#ReleaseTransactionsPageContent').on('touchstart.ReleaseTransactionsPageContent touchmove.ReleaseTransactionsPageContent', function (e) 
        e.preventDefault();
    );
);
$(document).bind('panelclose', function (e, data) 
    $('#ReleaseTransactionsPageContent').off('touchstart.ReleaseTransactionsPageContent touchmove.ReleaseTransactionsPageContent')
);

Event names and namespaces

【参考方案4】：

使用off method 删除事件处理程序：

$('#ReleaseTransactionsPageContent').off('touchstart touchmove');