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; }