如何从dom元素解绑定脚本

How to unbind scripts from dom element?

本文关键字:绑定 脚本 元素 dom      更新时间:2023-09-26

我有一个脚本,在特定的标签上触发悬停和点击事件

$(".dropdown-button").dropdown({ 
  hover: true, // Activate on hover
});

遗憾的是,默认设置触发onclick事件。

如何禁止触发脚本点击事件?我需要它只在悬停时触发。

我只在这个特殊的情况下需要它对于这个特定的标签.dropdown-button

我用materializecss http://materializecss.com/dropdown.html

.off()禁用onhover事件,但不单击。

要禁止在点击事件上触发脚本,最好覆盖点击事件。您可以使用空函数绑定此单击事件。

你可以这样做

var hoverTimer;
var hoverDelay = 200;
$('.dropdown-button').hover(function() {
    var $target = $(this);
    // on mouse in, start a timeout
    hoverTimer = setTimeout(function() {        
        // do your stuff here
        $target.trigger('click');         
    }, hoverDelay);
}, function() {
    // on mouse out, cancel the timer
    clearTimeout(hoverTimer);
});