移动端 解决点击按钮闪和active失效的问题
来源:互联网 发布:uml画图软件 编辑:程序博客网 时间:2024/06/14 20:41
在我最开始接触移动端这块的时候,遇到的第一个问题是要让用户感觉自己点了该按钮,即需要做一个按钮点下有反应的效果,一般都是用:active来实现的(:active是设置点击那一下的效果),但是在移动端,特别指iPhone,对这个伪类是失效的,后来查询了很多,知道了一个解决方法,就是对想要使用active这个效果的元素或者整个body绑定一个空的监听函数。即document.body.addEventListener('touchstart' , function(){});这样就解决了在iPhone下active失效的问题了
在移动端点击按钮还有一个问题,就是点击了之后会闪一下,可以给该元素添加一个样式-webkit-tap-highlight-color:transparent;
0 0
- 移动端 解决点击按钮闪和active失效的问题
- 移动端a:active,button:active失效,解决办法!
- Android的动画移动后点击事件失效问题
- 解决点击回车触发按钮的问题
- 解决ajax提交form,点击保存按钮和点击回车效果不同的问题
- Android ListView item 点击事件失效问题的解决
- 解决 scrollview + expandlistview + gridview 点击时间失效的问题
- 解决textview.setMovementMethod后Listview的OnItemClickListener点击失效问题
- a:hover,a:active失效的问题
- 解决移动端a:active伪类无效的方法
- 点击按钮移动的div
- Selenium模拟操作中按钮点击(click)失效问题和文本框输入内容失败问题
- fixed在移动端失效的问题
- 解决移动端虚拟键盘与fixed定位失效问题!
- 解决按钮失效问题-iOS小技巧
- 解决ListVeiw点击事件失效问题
- 解决ExpandableListView 点击效果失效问题
- iphone微信移动端bootstrap的模态框modal失效VS点击失效
- ssoj2868(最大不相交区间)
- 20161019
- 话说C语言const用法
- 20161020
- 跟我一起学C++之按引用传递
- 移动端 解决点击按钮闪和active失效的问题
- Linux下汉字编码方式UTF-8,Windows下面是GB2312
- hdu1074(状压)
- 15级算法第三次上机解题报告
- 安卓自定义View基础-坐标系
- 顺序表实例2
- 单链表实例1
- 分离颜色通道(split)和多通道融合(merge)
- Java的native方法