如何禁用在div中单击

Question

出于多种原因,我需要禁用单击div元素中的某些内容.例如,由于点击广告攻击.我仍然希望它可见.

请考虑以下代码段: -

<div class="ads">
something should be here, i do not want to be clicked
</div>

如何禁用左键单击的功能div？

Answer 1

可以使用的CSS属性是:

pointer-events:none

!重要事项 请记住,Opera Mini和IE 10及以下版本(包括)不支持此属性.这些浏览器需要另一种解决方案.

jQuery METHOD 如果你想通过脚本而不是CSS属性来禁用它,这些可以帮助你:如果你正在使用jQuery版本1.4.3+:

$('selector').click(false);

如果不:

$('selector').click(function(){return false;});

• 引用自: jquery - 禁用单击

Answer 2

如果你想在纯CSS中使用它:

pointer-events:none;

Answer 3

尝试这个：

pointer-events:none

在指定的 HTML 元素上添加上面的内容将阻止所有单击、状态和光标选项。

http://jsfiddle.net/4hrpsrnp/

<div class="ads">
 <button id='noclick' onclick='clicked()'>Try</button>
</div>

Answer 4

如果使用 onclick DIV 函数，然后想要再次禁用它，您可以使用以下命令：

for (var i=0;i<document.getElementsByClassName('ads').length;i++){
    document.getElementsByClassName('ads')[i].onclick = false;
}

示例：
HTML

<div id='mybutton'>Click Me</div>

JavaScript

document.getElementById('mybutton').onclick = function () {
    alert('You clicked');
    this.onclick = false;
}