如何禁用特定元素的事件?

时间:2018-10-10 09:43:12

标签: javascript jquery html

例如,我想使用jQuery为特定事件禁用点击事件

$('.code') // selection of all elements having class div

".code" div的结构类似于表 现在,在程序执行过程中,当用户单击一个div时,当前div以及周围的div应该禁用单击。

如果我在此处使用off,它将禁用class = "code"的所有点击事件,但我不希望这样做,我只想禁用一些目标元素,有人可以帮我吗? / p>

我已经在网上搜索了这个答案,但没有找到满意的答案。

Example

2 个答案:

答案 0 :(得分:0)

如果要禁用特定元素的点击事件,请向该元素添加一个ID,然后使用preventDefault()

HTML

<a id="disableClick" href="" class="code">...</a>

jQuery

$('#disableClick').on('click', function(e) {
    e.preventDefault();
});

答案 1 :(得分:0)

对于点击事件,您可以返回false。不会影响html的其他行为。

$("#elementToDisableClick").on("click", function(){
    return false;
});

$("#elementToDisableClick").on("mouseover", function(){
    alert("");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="elementToDisableClick" class="code">SomeText</div>

此处的点击事件已禁用,鼠标悬停仍然有效!

答案:将类分配给div。