博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css禁止鼠标事件
阅读量:4618 次
发布时间:2019-06-09

本文共 496 字,大约阅读时间需要 1 分钟。

1.需求:最近经常用到dom节点禁用鼠标事件的属性,比如loading状态的时候,比如点击按钮之后禁止再次点击的时候,比如加载更多之后没有数据了的时候,巴拉巴拉。。。

2.问题:但是,经常记不住啊,查了好几次了,这次写下来,认真认识一下pointer-events,目标是不在search

3.正题:

  01.我是html

  02.我要被禁用按钮了  

  03.禁用

4.认识一下常用属性,来了,这里只写通用元素的,如果需要更多的属性值来支持svg元素,那么,点击一下就可以移步mdn了。

  none:元素永远不会成为鼠标事件的。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。;

  auto:跟不写这个属性是一样一样的;

5.恩,来个总结

  禁用:pointer-events:none;

  撤销禁用:pointer-events:auto;

 

转载于:https://www.cnblogs.com/robin1009/p/6120827.html

你可能感兴趣的文章
python的沙盒环境--virtualenv
查看>>
软件自动化测试——入门、进阶与实战
查看>>
BZOJ1878 [SDOI2009]HH的项链 树状数组 或 莫队
查看>>
BZOJ3675 [Apio2014]序列分割 动态规划 斜率优化
查看>>
2016.10.24 继续学习
查看>>
产品功能对标 - 服务授权管理
查看>>
各地IT薪资待遇讨论
查看>>
splay入门
查看>>
带CookieContainer进行post
查看>>
C语言学习笔记--字符串
查看>>
CSS-上下文选择器
查看>>
ionic repeat 重复最后一个时要执行某个函数
查看>>
1.初识代码审计-基础
查看>>
[Vue-rx] Stream an API using RxJS into a Vue.js Template
查看>>
解决VC几个编译问题的方法——好用
查看>>
SPOJ #11 Factorial
查看>>
City Upgrades
查看>>
“人少也能办大事”---K2 BPM老客户交流会
查看>>
关于七牛进行图片添加文字水印操作小计
查看>>
DataSource数据库的使用
查看>>