【【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案】的更多相关文章

【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案

开篇总结:其实目前无法解决这个bug. 这两天做项目遇到了这个case,项目需求是打开页面的时候,input元素自动弹起键盘.由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让input元素focus,demo代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>IOS下setTimeout无…

ios下Safari无法触发click事件的处理

ios下的Safari真是傲娇啊,坑好多. 首先上代码 <!DOCTYPE html> <html> <head> <title>122</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"&…

【移动端debug-3】部分安卓机型不触发touchend事件的解决方案

最近在项目中遇到一个奇怪的问题,有一个需求是这样:页面上有一个按钮,滚动页面时让它消失,停止滚动时让它显示. 常规思路: step1.监听touchstart事件,记录Touch对象中pageY初始值startY: step2.监听touchmove事件,记录Touch对象中pageY的变化后的值endY,当大于(endY-startY)的绝对值大于某个阈值时隐藏按钮: step3.监听touchend事件,当触发touchend时,展现按钮 代码如下: var startY,endY; $("…

ios下点击穿透focus获取问题

在ios下的浏览器中当点击当前页的一个按钮,用window.location.href进行跳转时,如果下一个页面里这点击按钮的位置是一个textarea或者text等那么他会触发focus事件,会出现ios自带的输入框 要防止这个问题的出现需要站在点击前一页时使用preventDefault()阻止默认时间就可以解决了!…

[转]FireFox与IE 下js兼容触发click事件的代码

本文转自:http://www.jb51.net/article/16549.htm FireFox与IE 下js兼容触发click事件 ,对于需要兼容这两者的朋友,就需要参考下下面的代码了<a href="#" id="a3" onclick="test()" style="display:none"></a> <input type="button" value="…

iOS下调用元素的focus方法，input元素不聚焦，键盘不弹起的问题

页面元素 <input type="text" ref="elInput"/> <div style="margin-top:20px;" @click="confession()" ref="elBtn">点击使input聚焦 </div> js代码 methods(){ confession(){ this.$refs.elInput.focus()//显示键盘 }…

移动端 常见问题整理 iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决方案

使用iScroll时,input等不能输入内容的解决方法 <script> function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart' in window)?'touchstart':'mousedown', function(e){ e.sto…

移动端Web开发,ios下 input为圆角

在处理input的问题时,一般不想要input的原来的样式,一般就直接处理 border: none; outline: none; background: transparent; 这样之后,一般就可以解决, 但是最近在写一个微信公众号的页面,其中就有用到input,老三件,手机一测ok(本人是安卓机),以为没啥问题呢, 后来同事一测(IOS),就告诉我,input是圆角,且有一条线, 如下图 这是怎么回事呢,马上查资料, 有说这样的 -webkit-appearance: none; -we…

HTML5视频播放在ios下浮动元素无法点击的解决方案

最近许多人在微博上问到在iPad.iPhone.iTouch等设备上使用HTML5播放视频,在视频上方悬浮一个div元素,div内的元素无法点击的情况,而在PC浏览器上没有这个问题. 这个现象是设备特性使然,在部分安卓设备以及全部ios设备,如果启用了浏览器默认的视频控制栏(即video标签开启了contorl属性)都是如此表现. 要解决该问题,有两个方案 1. 禁用video标签的control属性.这样悬浮在视频播放器上方的各种元素都可以点击了,但带来的副作用(或者说灾难)就是播放器没有控制…

修改ubuntu按下关机键触发的事件

gsettings set org.gnome.settings-daemon.plugins.power button-power shutdown will change your the behaviour of the power button of your system from interactive (default) to immediate normal shutdown. The command is gsettings set org.gnome.settings-dae…