js给元素添加禁止点击事件

JavaScript011

js给元素添加禁止点击事件,第1张

var selectBleedingWayBox = document.getElementById("selectBleedingWayBox" + dev.DeviceId)

/ 判断条件 /

if (dev.TrainingState == 'Start') {

/ 添加禁用点击事件class /

selectBleedingWayBox.classList.add("mouseDisabled")

} else {

/ 删除禁用点击事件class /

selectBleedingWayBox.classList.remove("mouseDisabled")

}

js本身可以用removeEventListener方法进行删除

function handler() {

  console.log(this)

}

document.getElementById("myBtn").addEventListener("click", handler, false)

document.getElementById("myBtn").removeEventListener("click", handler, false)

这里注意移除的函数要跟绑定的相同,所以不能用匿名函数

用jquery的话,可以用.off()方法或.unbind()方法,具体使用方法查下jquery API就行了,这里就不赘述了

1.addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作;

2.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序;

3.由于IE只支持事件冒泡,所以同大多数情况下,都是将事件处理程序添加到事件流的冒泡阶段,这样可以最大限度地兼容各种浏览器;

最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加到捕获阶段。如果不是特别需要,不建议在事件捕获阶段注册事件处理程序。