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