总结一下写h5页面遇到的问题

因为各种原因,没有跟框架来写h5,遇到一些坑,特此铭记:

1.ios端textarea标签中maxlength定的值,如果输入”换行符“,限制会不准确,比如2000,只能输入1995左右,就无法输入
    解决方案: 使用oninput方法,利用sustring截取字符串

var len = val.length;  //获取标签内容的value值,然后计算长度,利用长度限制,截取显示的内容

if (len >= 2000) {

    val = val.substring(0, 2000);

}2.移动端h5页面,点击输入框,弹出键盘;收回键盘时,页面没有随着键盘收回而归位;
点收回键盘的时候,触发了输入框的onblur事件,事件中利用 window.scroll(0, 0);就可以了

3.移动端h5页面,android会弹出输入法遮挡输入框;
    (1)可以直接在onfocus时   target.scrollIntoView();  target是指当前触发的输入框

      记得要设position:absolute; top:0;

4.输入项的onblur事件先于并遮挡了 button的点击事件触发,so可以给onblur事件setTimeout 300ms,做一下延迟;

5.android 端内嵌入h5页面,上传文件按钮点击无效,因为android的webview禁止了<input type="file"/> 功能实现,需要android修改原生的传图方法,让h5调用,待续……

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值