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.阻止事件冒泡,使成为捕获型事件触发机制.

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

 

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

 

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