tap“点透”

2024-01-15 12:12
文章标签 tap 点透

本文主要是介绍tap“点透”,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

做移动端的开发,将单页应用的网页内嵌入了app:app应用点击响应慢!

click换成了tap事件,tap会出现点透现象。

可能导致的项目BUG

提示层一闪而过

我们可能会遇到这么一个场景:

表单提交页,用户提交时如果信息有误,会弹出一个提示,并且为蒙版添加click的关闭事件

但是有tap在的情况效果就不一样了,我们极有可能点击提交,弹出提示层,触发蒙版点击事件,蒙版关闭!!!

input获取焦点弹出键盘

我们可能遇到这种情况,我们在弹出层上做了一些操作后,点击弹出层关闭弹出层,但是下面有一个input(div有事件也行)

于是触发了div事件,于是input获取了焦点,某明奇妙的弹出来键盘!!!

解决思路

核心就是蒙版遮盖!

pointer-events属性

  • auto——效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
  • none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值,比如auto,鼠标还是会监听这个子元素的。
  • 其它属性值为SVG专用,这里不再多介绍了。

这个家伙可以消除一个元素的鼠标事件,但是不会取消事件冒泡

这篇关于tap“点透”的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/608843

相关文章

tunctl添加虚拟网卡TUN/TAP与brctl添加网桥

1 Linux添加虚拟网卡三种方法 方法1: ifconfig命令创建\删除虚拟网卡 ifconfig eth0:0 192.168.1.10 netmask 255.255.255.0 up 删除虚拟网卡: ifconfig eth0:0 down 重启服务器或者网络后,虚拟网卡就失效. 注意:添加的虚拟网卡和原网卡物理地址是一样的。 方法2: 修改网卡配置文件 在ub

独立游戏之路:Tap篇 -- 获取OAID提升广告收益

Unity 之 获取手机:OAID、ClientId、GUID 前言一、Oaid 介绍1.1 Oaid 说明1.2 移动安全联盟(MSA) 二、站在巨人的肩膀上2.1 本文实现参考2.2 本文实现效果2.3 本文相关插件 三、Unity 中获取Oaid3.1 查看实现源码3.2 工程配置3.3 代码实现3.4 场景搭建 四、总结 前言 在当今的移动互联网时代,Oaid(Open

OpenStack Neutron解析---Linux Bridge Tun Tap

http://panpei.net.cn/2013/12/04/openstack-neutron-mechanism-introduce/ OpenStack Neutron运行机制解析概要 自从开学以来,玩OpenStack也已经3个月了,这段时间主要把精力投在了OpenStack的安装部署和网络组件Neutron的研究上了。这期间零零散散在安装部署和Neutron运作原理上来回切换,有

Linux的TUN/TAP编程 2

TUN/TAP虚拟网络设备为用户空间程序提供了网络数据包的发送和接收能力。他既可以当做点对点设备(TUN),也可以当做以太网设备(TAP)。实际上,不仅Linux支持TUN/TAP虚拟网络设备,其他UNIX也是支持的,他们之间只有少许差别。 原理简介 TUN/TAP虚拟网络设备的原理比较简单,他在Linux内核中添加了一个TUN/TAP虚拟网络设备的驱动程序和一个与之相关连的字符设备/dev/

120011111111QEMU中启动单虚拟机并已TAP/TUN方式联网的方法请参见:QEMU中启动单虚拟机并已TAP/TUN方式联网的方法请参见:QEMU中启动单虚拟机并已TAP/TUN方式联网的方

用Qemu模拟ARM(1) 前面已经安装并配置了编译链和qemu,现在可以用qemu来模拟arm平台了。 1. Hello, Qemu! 输入下面的代码: hello.c - hello.c #include<stdio.h>int main(){ printf("Hello, Qemu!\n"); return 0;} 编译并运行: $ ar

IOS 自动化探索——使用蓝牙实现 XCUITest 的 Tap 操作

原文由 自然生长 发表于TesterHome社区,点击 原文链接 可与作者直接交流。 一、前言 远程使用 WeTest 和 Testin 的 ios 设备时,总会觉得操作不流畅,因为它在松开鼠标时, 手机才会动。应该是由于 WDA 中是使用 XCUITest 来实现 Tap 操作,而它的一次操作需要完整的动作链,不能像 Android 中一样分解为 Down、Move、Up 操作。 最

【webpack】----错误解决【Cannot read properties of undefined (reading ‘tap‘)】

1. 报错场景 安装 webpack-obfuscator 后,进行 js 代码混淆编译的时候报错。 2. 报错截图 3. 错误原因 通常是由于版本不兼容或配置错误引起的。 4. 查询本地 webpack 版本 4.1 查询命令 npm 查询 npm view webpack version yarn 查询 yarn info webpack version 4.2

HTML_12_javascript经典效果 _tap切换_图片切换_星星点灯

1,点星星 <!doctype html> <html lang="en"    οnclick="star(event)">  <head>   <meta charset="UTF-8">   <meta name="Generator" content="EditPlus®">

Linux tun/tap 驱动多队列模式(C/C++)

LINUX 内核在3.X版本才支持,正式是到 4.1 版本内核才加入到内核之中被支持,所以相对来说距今时间上来说是比较新的一种扩展技术。 多队列模式的 tun/tap 可以显著的提高,单个 tun/tap 网卡的带宽吞吐速度,但肯定没有 DPDK 那种零拷贝不内核切换的效率高。 一般来说,tun/tap 的效率与内核直接处理网卡数据速度,大约差距至少5倍左右,即 1000Mbps,tun/

8.5 Detecting Tap Gestures

点手势 #import "ViewController.h" @interface ViewController () @property (nonatomic, strong)UITapGestureRecognizer *tapGestureRecognizer; @end @implementation ViewController