为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

DIEA 2019-02-27 18:35:31
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)语句,所以input和click都不好用了..
查看完整描述

1 回答

?
MMMHUHU

TA贡献1834条经验 获得超8个赞

写个按钮定位在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()

})


查看完整回答
反对 回复 2019-03-09
  • 1 回答
  • 0 关注
  • 686 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号