应用css特性屏蔽电脑鼠标恶性事件的方式(电脑鼠

日期:2021-02-27 类型:科技新闻 

关键词:开发一个小程序多少钱,凡科轻站小程序,微信群抽奖小程序,小程序登录页面,微信小程序 微店

发源:前几日检测发来1个要求,內容规定看图:

看到这个要求,我有点懵逼。如今的状况是仅有点一下时间內容框空白地区时,才会回应点一下恶性事件显示信息往下拉时间菜单。

而这个icon标志我是肯定精准定位到时间內容框中的,它的涂层维度是高于时间內容框的,点一下icon标志时是不容易回应点一下恶性事件的。我的第1个反映是恶性事件点一下穿透,可是该如何完成?觉得碰触到我1直忽略的专业知识盲区了。

懵逼的我1顿实际操作猛如狼似虎,打开朝向谷歌程序编写大法…

客观事实证实科学研究上网很关键,谷歌精确 > 百度搜索精确,再度调侃百度搜索的广告宣传…

以便处理被icon标志遮住住的內容框地区也能回应点一下恶性事件,可使用poniter-eventscss特性来完成。

poniter-events特性的值许多,但绝大多数和svg相关立即绕过,通用性的特性值有两个none | auto

auto:与 pointer-events 特性未特定时的主要表现实际效果同样。none:该元素始终不容易变成电脑鼠标恶性事件的 target。可是,当其子孙后代元素的 pointer-events 特性特定别的值时,电脑鼠标恶性事件能够指向子孙后代元素,在这类状况下,电脑鼠标恶性事件将在捕捉或冒泡阶开启父元素的恶性事件侦听器。

再关心下poniter-events的适配状况:

桌面上访问器

IE:11+(IE6~IE10均不适用)Firefox:3.6+Chrome:4.0+Safari:6.0Opera:15.0

挪动机器设备访问器

iOS Safari:6.0Android Browser:2.1+Android Chrome:18.0+

看到这里,基础上就可以处理我这次所遇到的难题了:

处理完难题,又有个新的疑虑冒了出来,除让电脑鼠标点一下穿透外层遮层外,poniter-events也有甚么普遍的运用情景么?

考虑到到none值的功效,应当能够撤销掉恶性事件的点一下个人行为。例如:使a标识连接不能点一下、防止按钮数次点一下、表单反复递交等。除此之外,毫无疑问也有许多别的运用,能够根据特性值去挖掘。

总结

到此这篇有关应用css特性屏蔽电脑鼠标恶性事件(电脑鼠标点一下可穿透顶层元素)的文章内容就详细介绍到这了,更多有关css 特性屏蔽电脑鼠标恶性事件內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!