关于HTML5页面与手机虚拟键盘的回车的处理

要支持手机虚拟键盘的回车键能触发当前页面的提交效果,需要满足一下几点

一,存在form元素以及submit类型的input子元素

二,需要将form的onsubmit属性绑定包含返回布尔值的方法

 

关于第二点,与页面跳转控制有关,如果自有的js有页面跳转控制,记得onsubmit的返回值我false,取消html自带的页面跳转请求,否则会出现页面刷新失控

<form action="" id="formid" οnsubmit="return submit()">

<input type="submit" style="display:none;"/>

</form>

以上为参考示例

------------------------------------------------新增@2018年10月30日16点18分

关于虚拟键盘收起的高度判断

参考以下demo

注意:判断是否收起键盘时优先使用或判断,可能有的页面高度和文本高度变化不一样

https://github.com/enderwsp/ruimin_IFS_similiar/blob/demo3/testforH5%E9%94%AE%E7%9B%98%E6%94%B6%E8%B5%B7.zip

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值