2 lianlianbushell lianlianbushell 于 2012.11.15 13:57 提问

iphone中移动焦点的问题

我开发的应用里面用到移动手机的浏览器,iphone的safari,除非我点击另一个form element 的时候,就不能在form field隐藏焦点。

代码结构主要如下:

<!DOCTYPE html>
<html>
    <head>
       <title>Test</title>
    </head>
    <body>
        <form>
             <input type="text"/>
        </form>
    </body>
</html>

但是在浏览器中不能隐藏焦点,

1个回答

garaster
garaster   2012.11.15 16:07
已采纳

试试这么改,我用可以

document.body.addEventListener("click", function(evt) {
  var nodeName = evt.target.nodeName.toLowerCase();
  if (nodeName !== "input" && nodeName !== "textarea" && nodeName !== "select") {
    document.activeElement.blur();
  }
});
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
按Enter键在控件中移动焦点.rar
按Enter键在控件中移动焦点.rar 按Enter键在控件中移动焦点.rar
JS上下左右键在GridView 中移动焦点
<br />var X = 1;<br />var Y =6;<br />var rowLen = 0;<br />var cellLen = 0;<br />function init() {<br />    var  GridView2=document.getElementById ("GridView2");<br />    //GridView2.rows[1].cells[6].all[0].focus();<br />    X = 1;<br />    Y = 6;<br />   
javascript 控制ios textarea 不失去焦点问题
//判断是否为苹果 var isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHONE')!= -1; // 元素失去焦点隐藏iphone的软键盘 function objBlur(id,time){ if(typeof id != 'string') throw new Error('objBlur()参数错误');
HTML在IOS上的点击焦点错乱
最近在写一个工单列表,点击加载更多的时候,在IOS上会打开附近的一个item,然后打开item就跳页,就跳页了。 很困扰,一开始以为是tap 和 a 的问题,把加载更多的高度提高也是无济于事,在android和chrome上也没有这个问题。 中午突然想起以前也有遇到过这个问题,解决的方法是补充一个height eg:#que-coop li{height: 72px;} 补
PB控件:用方向键在数据窗口中移动焦点。用回车键增加明细、保存数据
用方向键在数据窗口中移动焦点。用回车键增加明细、保存数据。PB9.0
从spread中移出焦点
    Dim enterFlg As Boolean = False       Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load        Me.cmb_yyyymm.Items.Add(DateTime.Today.Year &
移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
真心觉得移动端开发坑好多,不过解决问题也有不少乐趣,也能总结很多经验方法,都是之前遇到的,想记录下来方便翻阅。 在IOS测试的时候,每次input获取焦点都会使页面放大,真是要多丑有多丑,经多方求助终于得到这个美丽的方法解决一下,之前总是在head中写超多的meta标签,但有一些都没去追寻他们是啥意思。这个问题就是吃了这个亏。 content="width=device-wi
网络游戏中移动同步问题的解决方案
网络游戏中移动同步问题的解决方案
在ios上input标签不能失去焦点
在苹果上写表单的时候,表单写完了。一点提交没反应,一看是input标签没有失去焦点,软键盘不能自动隐藏。下面的提交按钮不能点击 一开始我是使用的zepto.的tap事件来进行提交的。 既然点击了提交按钮不能自动的失去焦点,那就手动失去焦点好了。那我在提交按钮里面的点击事件获取到input。然后给一个blur() 问题依旧。 后来我测试了。只有在ios上有这个问题,在安卓测试机上没事。 后
手机 input 获取焦点后 网页变大
使用iphone Safari浏览网页,每当点击输入框的时候页面就被放大,起初一直以为是viewport的问题,后来发现是input的font-size设置的太小了,改成32px以上,就不放大了,具体原理不清楚。