大部分人可能都不认识这个属性，嗯，那么它是干什么用的呢？
pointer-events是一个CSS属性，可以有多个不同的值，属性的一部分值仅仅与SVG有关联，这里我们只关注pointer-events:none的情况，大概的意思就是禁止鼠标行为，应用了该属性后，譬如鼠标点击，hover等功能都将失效，即是元素不会成为鼠标事件的target。
可以就近F12打开开发者工具面板，给<body>标签添加上pointer-events: none样式，然后在页面上感受下效果，发现所有鼠标事件都被禁止了。
那么它有什么用呢？
pointer-events: none可用来提高滚动时的帧频。的确，当滚动时，鼠标悬停在某些元素上，则触发其上的hover效果，然而这些影响通常不被用户注意，并多半导致滚动出现问题。对body元素应用pointer-events: none，禁用了包括hover在内的鼠标事件，从而提高滚动性能。
.disable-hover {
pointer-events: none;
}
大概的做法就是在页面滚动的时候, 给<body>添加上.disable-hover样式，那么在滚动停止之前, 所有鼠标事件都将被禁止。当滚动结束之后，再移除该属性。
免费学习课堂
推荐文章
滑动过程中尝试使用 pointer-events: none 禁止鼠标事件
来源：北京汇仁智杰科技有限公司 时间：2016-05-18 点击： 次
推荐文章
- 织梦dedecms漏洞修复大全含任意文件2016-09-05
- 整顿微信公众号过度营销 对严重违2016-01-26
- SEO优化过程要避免什么？2016-01-26
- 网站空间被挂马的原因原因及解决2016-01-26
- 2016企业该如何运用互联网进行营销2016-01-26
- WEB前端项目开发中需注意的细节2016-01-26
- 低价网站建设的危害有哪些？2016-01-15
- 如何详细的分析你网站的竞争对手2015-06-10
- 网站设计中四个常犯的错误2015-01-22
- 如何搭配网站设计中的色彩？2015-01-22
