在移动端点击事件触发时，闪烁并且有灰色背景

最新推荐文章于 2020-12-21 19:32:49 发布

转载最新推荐文章于 2020-12-21 19:32:49 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bruce-gou/p/7724000.html

本文介绍了一种通过在绑定点击事件的标签上应用特定CSS类来取消点击高亮的方法。这种方法可以有效解决移动端和桌面端点击元素时出现的高亮问题。

解决办法

.cancelFlash{
    -webkit-tap-highlight-color:transparent;
}

在绑定点击事件的标签上使用该类就可以解决该问题

转载于:https://www.cnblogs.com/bruce-gou/p/7724000.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30410119

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Qt开发经验总结

草上爬的博客

12-02

1万+

增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。

WPF开发面试题及参考答案（下）

大模型大数据攻城狮的专栏

12-28

530

在 WPF 中创建自定义命令主要包含以下步骤。首先，需要创建一个类来实现 ICommand 接口。这个接口有两个关键方法，即 CanExecute 和 Execute，还有一个事件 CanExecuteChanged。在这个类中，通过构造函数传入执行操作的方法（execute）和判断是否可执行的方法（canExecute）。这样可以灵活地定义命令的执行逻辑和可执行条件。然后，要在合适的地方创建这个自定义命令的实例。可以在视图模型（ViewModel）或者应用程序的资源部分创建。set;

参与评论您还未登录，请先登录后发表或查看评论

移动端HTML5，ios(针对safari浏览器)点击事件闪现黑灰色背景解决方案

lishi9092的博客

12-28

2684

移动端HTML5，ios(针对safari浏览器)点击事件闪现黑灰色背景解决方案 最近做一个h5内嵌页，用了swiper,首屏并未使用点击事件，只是有图片背景和文字。但是ios开发那边发现长按首屏，会闪现一个暗黑的半透明的遮罩，随后消失。发现分享出去的页面也有这个问题。后来百度发现是 “ dom 有可选中的文字，使得DOM 可以被整个touch,在ios中被touch就会有高亮，也就是半透...

移动端网站或APP点击后出现闪动或灰色背景

小哈咪

03-25

4115

只需对绑定事件添加class样式使其处罚事件时背景为透明色 .class{-webkit-tap-highlight-color:transparent;}

android开发相对布局那点注意事项

scarecrow_fly的博客

03-16

529

android开发相对布局一点注意事项 RelativeLayout,相对布局采用层级结构进行布局，举个例子：我们用相对布局写出来之后，如果跳过字样的布局在开始之初写的，如：第一种情况，我们放在最后，那么这个跳过的响应就可以实现第二种情况，我们把跳过放最前面，虽然能看到它，但是它已...

点击按钮背景变灰色，松开恢复原来色

卓越无关环境，保持空杯心态——靡不有初，鲜克有终

06-09

3338

点赞再看，养成好习惯～～～～ demo有的页面有100多个列表项，需要点击列表项的时候背景变灰色，松开后背景恢复原来色，这个样式加上才让人更清楚地看到是点击的哪一个按钮，视觉友好。最初的时候我是想用js逻辑去修改样式，如果点击了，那么就改为灰色，松开后，再改为白色。结果demo有100多个列表项，我也不可能加上100多个监听，我突然想起以前学的事件代理，然后就实践了一把。出现了如下代码 <script> ..... let ul = document.getElem.

select 移动端 第一个无法选中_总结在移动端碰到的坑

weixin_39611413的博客

12-21

834

一、安卓设备的select options的坑，尽量使用各浏览器内核都支持的api在添加 OPTION 元素时如果需要向指定索引前插入 OPTION，可以使用 options.add(option, index)；如果需要向 SELECT 尾部添加 OPTION，可以使用 options.add(option)；如果需要向指定索引处添加(或更改) OPTION，可以使用 options[index...

记一次移动端H5开发所遇到的问题与细节,以及ios兼容

想飞的猪的博客

09-14

4117

第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...

一、pythonista 二、使用table view 获取json数据 1、json格式，userName、userMobile、type、time、address 三、table view类 2、table view设置交替行颜色 3、设置每行高度、字体大小 4、拖动位置变更（同时变更交替行颜色） 5、左滑删除 6、点击复制address 文本框显示选中行详细内容四、UI界面 1、文本框可以代码调整高度和宽度（位于顶部） 2、table view（位于文本框下方）

最新发布

08-28

然而，由于ui.ListDataSource在创建单元格时没有直接提供设置背景色的方法，我们可以通过覆盖`tableview_cell_for_row`方法来实现。因此，我们决定： - 使用一个自定义的数据源（继承自ui.ListDataSource），并...

移动端、移动开发 点击事件后出现闪或者黑色背景

树蛙PHPER

02-21

6126

最近做了几个微信活动模块，发现当我们每次点击的时候，就会出现看到瞬间的闪动和黑色的背景。于是乎做了如下调整： $("#id").bind("touchstart click",function(e){ e.stopPropagation() if(e.originalEvent.touches){ //touch 移动端事件处理

移动端HTML5，ios点击事件闪现灰色背景解决方案

qq_32601115的博客

01-08

2041

隐藏文本框阴影 input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时，会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

解决移动端页面点击图标或按钮产生透明灰色背景

lily2016n的博客

10-13

4309

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)

weixin_30296405的博客

10-08

497

-webkit-tap-highlight-color 这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。例如在Adnroid版本的微信中，点击a标签时将会出现一个橙色的小框表示点击的响应。此时，如果对元素设置了tap-highlight-color值，例如: -webkit-tap-highlight-color: rgba(24...

vue点击菜单跳转时，背景颜色动态变化

qq_40906004的博客

06-18

4283

** vue点击菜单跳转时，背景颜色动态变化 ** html: script： export default { name: “menu”, data() { return { activeKey: 0 } }, methods: { onclick(index) { this.KaTeX parse error: Expected '}', got 'EOF' at end of ...

移动端点击链接时出现灰色背景解决方案

weixin_34006965的博客

03-01

696

在移动端，点击链接a的时候，会出现灰色背景。有时候我们并不需要这样的背景，下面介绍一下如何去掉此背景。代码如下: 1 -webkit-tap-highlight-color:transparent; 原文发布时间为：2017-2-23 本文作者：admin 本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落原...

实现移动端点击弹出自适应遮罩层的JS方法

- 给需要触发遮罩层的按钮添加一个事件监听器，当点击事件发生时，调用一个函数来显示遮罩层。 - 创建一个函数用于添加遮罩层的DOM元素到body中。 - 创建一个函数用于移除遮罩层的DOM元素，以实现遮罩层的隐藏。 ...