用纯CSS禁止鼠标点击事件的示例代码

Javascript有一种用于取消事件的默认行为preventDefault方法。例如,取消链接,选择文本或拖放。


复制代码代码如下所示:
Event.preventDefault()


该方法将通知Web浏览器不执行与事件关联的默认动作(如果存在这样的动作)。例如,如果属性是submit任何事件句柄可以调用事件的传播任何阶段。通过调用此方法,形式是可以预防的。注意,如果事件对象的可撤销性假,没有默认的动作,或默认行为不可防止的。在任何情况下,调用此方法不起作用。

这种方法可以防止当前元素的浏览器的默认行为,但这并不阻止事件应对父母和文档。如果你想取消事件的深入,你可以使用里面


复制代码代码如下所示:
event.stoppropagation()


此方法将阻止事件的传播,并防止它被分配给其他文档节点。可以在事件传播的任何阶段调用它。请注意,虽然该方法不能阻止同一文档节点上的其他事件处理程序被调用,但它可以防止事件被发送到其他节点。

这两种方法通常用于取消js中的事件,但实际上有一种用纯CSS取消事件响应的方法。指针事件使用起来更简单。

1,停止用户的点击操作以产生任何效果。

2、防止默认鼠标指针显示

三.防止CSS中悬停和活动状态的变化

4,防止Javascript单击动作触发事件

例如,下面的CSS达到了按钮将被禁用的效果。


复制代码代码如下所示:
{。禁用
指针事件:无;
游标:默认值;
不透明性:0.6;
}


这种方法显然比JS代码更加灵活,但是IE9并不支持它。以上是本文的全部内容,我希望它会帮助你学习和工作。