ios不兼容CSS的active属性解决方法

:active伪类是在类似‘mousedown‘事件触发的时机生效的,而手机上并没有‘mousedown‘事件,取而代之的只有‘touchstart‘和‘touchend‘。

只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功

var a = document.getElementsByTagName(‘a‘);for(var i = 0; i < a.length; i++) {   a[i].addEventListener(‘touchstart‘,function(){},false); }

添加以上代码,touch按下去后,发现a的active效果生效了

时间: 2025-01-03 20:43:46

ios不兼容CSS的active属性解决方法的相关文章

用Jquery动态append方式加入标签时Css样式丢失的解决方法

一般在Jquery中会用下面的方式来添加新标签: var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'> <input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>";  //按个人要求拼接

iOS开发-No matching provisioning profiles found解决方法

今天真机调试的时候莫名其妙遇到了这样的一个问题: This product type must be built using a provisioning profile, however no provisioning profile matching both the identity "iPhone Developer" and the bundle identifier..... 具体如下图所示: 十分蛋疼, 发现不管是从网上下的demo, 还是自己的过程.凡事真机测试的时候都

浏览器css bug及bug解决方法

Bugs及解决方案列表(以下实例默认运行环境都为Standard mode): 如何在IE6及更早浏览器中定义小高度的容器? 方法: #test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG? 方法: #test{display:inline;}当在IE6及更早浏览器中出现浮动后margin值解析为双倍的情况,设

webpack2.0 引入.css文件报错解决方法

main.js文件引入 import './my-style.css' webpack.config.js 文件 之后莫名其妙报错: 解决方法 注意 先style再css,顺序问题,一定不能颠倒 { test: /\.css$/, loader: 'style-loader!css-loader' } 原因是应该是版本迭代的问题

iOS中常见的 Crash 场景以及解决方法

1. 常见的 Crash 场景 访问了僵尸对象 访问了不存在的方法 数组越界 在定时器下一次回调前将定时器释放,会Crash 2.  关于BAD_ACCESS  出现的原因: 访问了野指针, 比如访问已经释放对象的成员变量或者发消息, 死循环等; 解决方法: 1.  重写对象的respondsToSelector 方法, 先找到出现 EXECBADACCESS 前访问的最后一个 object; 2. 设置Enable Zombie Objects; 3. 设置全局断点快速定位问题代码所在行,接收

ie浏览器不兼容css媒体查询的解决办法

考虑到在不同分辨率下,网站页面依然能显示一致,除了通过js来控制,css媒体查询更为方便,而痛点在于ie8不支持. 我们可以通过respond.js库来解决,这个插件的原理很简单: 将head中所有外部引入的css文件路径取出来存储在一个数组中,遍历数组,并一个个发送AJAX请求,AJAX回调后,分析response中的media query的min-width和max-width语法,它仅仅支持min-width和max-width,分析出viewport变化区间对应相应的css块,页面初始化

app页面用css 的direction 属性解决select 下拉框右对齐

direction 属性规定文本的方向 / 书写方向. select标签 <div class="mui-input-row mir"> <label style="margin-left: 5px;">部门</label> <select dir="rtl" id="dept" style="width:50%; height: 30px;"> </s

CSS浏览器兼容性与解决方法

一.什么是浏览器兼容性问题? 所谓的浏览器兼容性问题,是指不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况:而造成浏览器兼容问题的根本原因,是浏览器的内核不同导致的.认识浏览器内核   浏览器类型            内核                        JS引擎   IE                      Trident                     JScript   Firefox                 Gecko       

iOS开发总结之UITextField常用属性和方法

UITextField属性 0.        enablesReturnKeyAutomatically 默认为No,如果设置为Yes,文本框中没有输入任何字符的话,右下角的返回按钮是disabled的. 1.borderStyle 设置边框样式,只有设置了才会显示边框样式 text.borderStyle =UITextBorderStyleRoundedRect; typedef enum { UITextBorderStyleNone, UITextBorderStyleLine, UI