css实现禁止点击的方法

1. 不可点击样式

cursor:not-allowed

该方法只能实现样式为不可点击,但是点击仍然会触发相应的是事件。 

2. 禁止触发事件

pointer-events:none

 

该样式会阻止默认事件的发生,但鼠标样式会变成箭头样子。

如果同时使用这两种样式,会阻止事件的触发,但鼠标并不会显示禁止样式,而是箭头样式。

在实际开发中,我们可以使用cursor:not-allowed;然后编写js逻辑阻止事件的发生。


版权声明:本文为weixin_41542329原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。