Android手机页面中点击input后关闭键盘光标还在?

1、ios系统点击input键盘弹出获取焦点,关闭键盘后自动失去焦点,然后下次点击还会弹键盘
2、Android系统点input键盘弹出获取焦点,关闭键盘后光标还在焦点未失去,再次点击不会弹键盘
问题:我怎么能把安卓手机的input做的跟ios的一样?

代码:

<input type="text" maxlength="4" id="input"/>
$('#input').on('touchstart', function() {
    $(this).focus()
})

本来想在关闭键盘的事件里放一个blur()事件,结果发现找不到关闭键盘的事件。
很惆怅,求大神帮帮忙!


ps:页面中的canvas有条createjs.Touch.enable(stage, true, false)语句,所以inputclick都不好用了..

阅读 4.4k
1 个回答

写个按钮定位在input的上面,点击按钮使input的获取焦点获取input的值并移除input添加新的input标签,再根据判断附上获取的值,再次获取焦点。

html代码:
<button id="btn"></button>
<div class="box">
    <input type="text" maxlength="4" id="hengpi"/>
</div>
js代码:
$('#btn').on('touchstart', function() {
    $('input').focus()
    var value = $('input').val()
    $('input').remove()
    $('.box').html('<input type="text" maxlength="4"/>')
    if(value!=''){
        $('input').val(value)
    }
    $('input').focus()
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题