同事在测试产品时发现这样一个:“某些页面击完input框,在点空白处时,iOS设备的键盘不能隐藏并且焦点也不会失去” 带着这个问题我进行了测试,发现在安卓的设备上并没有这种问题出现。 于是写js进行测试给document添加一个click事件,发现了问题的原因: 安卓是可以触发click事件 ...
IOS下document添加一个click事件不触发,不会失去焦点,导致点击input框外的其它地方不会自动消失键盘,还有就是双击其它空白地方会导致整个页面上移 既然click不能触发,可以用移动端的touch事件进行: ontouchstartontouchmoveontouchendontouchcancel 判断当前点击的元素是不是在输入框上,不是就调用blur 方法主动失去焦点即可。 ...
2017-11-23 19:44 0 1764 推荐指数:
同事在测试产品时发现这样一个:“某些页面击完input框,在点空白处时,iOS设备的键盘不能隐藏并且焦点也不会失去” 带着这个问题我进行了测试,发现在安卓的设备上并没有这种问题出现。 于是写js进行测试给document添加一个click事件,发现了问题的原因: 安卓是可以触发click事件 ...
textarea为什么没有失去焦点? 同样的问题我又在Android系统上测试了一下可以自动隐藏,只有IPH ...
原文http://www.it165.net/pro/html/201404/12672.html IPHONE系统在点击document时textarea和input没有失去焦点 ...
Fragment里写在Activity中,好象这个最管用: 重写方法: @Override public boolean onTouchEvent(Mot ...
是因为移动端-webkit-user-select:none 导致input/texttarea输入框无法输入, 增加-webkit-user-select: auto; ...
flex布局,上下栏设置固定高度,中间主体部分用flex-grow属性代替 ps: 在使用input的时 ...
一、平台 手机移动端 二、实现的效果 当input输入框获得焦点时,在保留光标的情况下,又不让手机虚拟键盘弹起 刚开始在网上找了一番,网上的回答大都自以为是,根本没有弄清诉求,他们提供的三种解决方法,把input框用div代替、给input框设readonly属性、input获得焦点时使其 ...