css 怎么设定div不成点击

css设定div不成点击的办法：1、通过“event.preventDefault()”办法取消事件的默许动作；2、通过“event.stopPropagation()”办法休止事件的传播。

本教程操纵环境：windows7系统、css3版本，DELL G3电脑。

引荐：css视频教程

css如何设定div不成点击？

JavaScript有一个preventDefault办法, 他可用以来取消事件的默许动作。比方取消翻开链接，选中文本或拖放等。

event.preventDefault()

该办法将通知 Web 阅读器不要施行与事件关联的默许动作（假如存在这样的动作）。例如，假如 type 属性是 “submit”，在事件传播的任意阶段可以调取任意的事件句柄，通过调取该办法，可以阻挠提交表单。留意，假如 Event 对象的 cancelable 属性是 fasle，那么就没有默许动作，或者不克不及阻挠默许动作。不管哪种状况，调取该办法都没有作用。

这种办法可以阻挠当前元素的阅读器默许行动，但并不阻挠事件被父级及document响应。假如想彻底取消事件，则可使用stopPropagation

event.stopPropagation()

该办法将休止事件的传播，阻挠它被分派到其他 Document 节点。在事件传播的任何阶段都可以调取它。留意，虽然该办法不克不及阻挠统一个 Document 节点上的其他事件句柄被调取，但是它可以阻挠把事件分派到其他节点。

这两种是在JS中的常用取消事件的办法，但是其实还有一种用纯css就能实现取消事件响应的办法，pointer-events，使用起来愈加简便，它可以：

• 阻挠会员的点击动作发生任何结果

• 阻挠缺省鼠标指针的显示

• 阻挠CSS里的hover和active状态的转变触发事件

• 阻挠JavaScript点击动作触发的事件

css设定div不成点击就可以使用下面的代码：

.disabled {
    pointer-events: none;
    cursor: default;
}

这种办法明显比js代码愈加灵敏，惋惜ie9不支撑。

以上就是css 如何设定div不成点击的具体内容，更多请关注百分百源码网其它相关文章！