ios下maxlength的bug，当达到最大长度后，移动光标到中间还可以继续输入

今天发现一个问题，在ios下input文本框的maxlength属性有点小bug

当文本框达到最大长度时，光标在末尾确实不能再输入，但是把ios的光标定标到文本框中间时依然可以继续输入字符

 

 

临时解决方案，监听input的keydown事件，判断如果当前值长度大于最大长度，则return false用于阻止默认事件，这样大于最大长度的值便输不进去了

 

<input type="tel" maxlength="11" id="UserId" placeholder="手机号">

 

$("#UserId").on("keydown",function(e){

    var maxlen = $(this).attr("maxlength");

if(maxlen && $(this).val().length > maxlen){

        return false;  // stopDefault(e); 或者用下面的方法来阻止默认事件，也是可行的

    }    

 

});

 

 

1.阻止事件冒泡,使成为捕获型事件触发机制.

1 2 3 4 5 6 7 8 9

function  stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if  ( e && e.stopPropagation )      //因此它支持W3C的stopPropagation()方法      e.stopPropagation(); else      //否则，我们需要使用IE的方式来取消事件冒泡      window.event.cancelBubble = true ; }

 

2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为.

 

1 2 3 4 5 6 7 8 9 10

//阻止浏览器的默认行为 function  stopDefault( e ) {      //阻止默认浏览器动作(W3C)      if  ( e && e.preventDefault )          e.preventDefault();      //IE中阻止函数器默认动作的方式      else          window.event.returnValue = false ;      return  false ; }

转载于:https://www.cnblogs.com/mjian/p/9250152.html