document.getElementById('testBtn').addEventListener('tap',function(event){
document.getElementById('name').focus();
return false;
});
id为name的这个输入框会先获得光标，然后弹出键盘，紧接着关闭键盘，光标消失。 这个是IOS8真机上面的现象。
在安卓机子上，foucs不会有任何效果，也就是不会有光标定位和键盘出现
。
如果把tap事件换成click，则一切正常！ 只能妥协用click嘛？
此问题是因为，tap事件触发之后，又会触发focus，导致焦点转移到了当前button上。
修复方案：
document.getElementById('testBtn').addEventListener('tap', function(event) {
event.detail.gesture.preventDefault();//阻止默认事件
document.getElementById('name').focus();
});
Utaoy (作者)
<div class="mui-content" style="margin-top: 100px;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
姓名 <input id="name" type="text" class="iux-input" placeholder="输入姓名" style="width:100px">
</li>
<li class=mui-table-view-cell>
<button type="button" id="testBtn" class="btn btn-default iux-btn">tap事件</button>
<button type="button" id="testBtn2" class="btn btn-default iux-btn">click事件</button>
</li>
</ul>
</div>
<script>
document.getElementById('testBtn').addEventListener('tap',function(event){
console.log('tap event');
document.getElementById('name').focus();
//mui.focus(document.getElementById('name'));
return false;
});
document.getElementById('testBtn2').addEventListener('click',function(event){
console.log('click event');
document.getElementById('name').focus();
//mui.focus(document.getElementById('name'));
return false;
});
</script>
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
Utaoy (作者)
3Q。感谢！
2015-04-16 15:59
4***@qq.com
NB
2016-12-10 10:08
4***@qq.com
牛人，帮我解决了问题
2017-08-17 18:46
陈可乐
牛，找了半天，尝试了很多，您这个几行代码就搞定了，感谢您
2018-01-29 18:16