CSS3 pointer-events:none 让你摆脱事件的烦恼

CSS3 pointer-events 属性详解
本文介绍了一个实用的 CSS3 属性——pointer-events,它能够有效解决鼠标悬停时文本闪烁的问题,并允许开发者控制元素上的点击事件是否传递给底层元素。通过使用此属性,可以轻松实现更加流畅的用户体验。

以前没遇到这个属性,在一个偶然的博文下发现该属性真的好用,你是否遇到过写鼠标移入显示文本的效果时,鼠标在元素内的每一次移动都会造成要显示文本的闪烁或是突然的消失?只要在被控制的元素中加上这个属性完美解决这个烦恼。

同时这个属性还可以解决一些有关于选取事件元素的问题,比如一个按钮中有一个图标,在用户点击后你只想获取按钮元素,但是如果用户点击的是图标的话实际你获得到的是哪个图标的dom,此时加上这个元素就会在点击时忽略图标而直接点到按钮上

具体的也可以参考原文空间:里面有更详尽的用法和介绍

转载请注明来自http://www.zhangxinxu.com/wordpress/2011/12/css3-pointer-events-none-javascript/

转载于:https://www.cnblogs.com/weblv/p/6825707.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值