最開始,滿心歡喜的以為問題很簡單个初,在網(wǎng)上搜了幾個正則乖菱,在谷歌的調(diào)試界面試了一下發(fā)現(xiàn)可以坡锡。就以為結束了宜猜,然而在部分手機發(fā)現(xiàn)無法兼容岖妄,比如我自己的小米~
下面貼幾個比較好檢索到的方法。
1.根據(jù)空格的ascii碼去做一些事情珍逸,當然除了粗暴的return false;我們還可以用
returnValue = false
preventDefault();
stopPropagation();
這幾個去阻止事件冒泡或阻止事件的默認行為吵取。
/**?
* 禁止空格輸入?
* @param e?
* @returns {Boolean}?
*/?
function banInputSapce(e)?
{?
var keynum;?
if(window.event) // IE?
{?
keynum = e.keyCode?
}?
else if(e.which) // Netscape/Firefox/Opera?
{?
keynum = e.which?
}?
if(keynum == 32){?
return false;?
}?
return true;?
}?
2.通過在input上綁定事件 執(zhí)行正則來做
<input type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">
3.上面兩種都有瑕疵禽额,無法完美的兼容PC與移動,下面寫一個更好的方法海渊,就是有點長~
/**
* 限制輸入字符長度
* @param elm? 元素
* @param characterInterva? 字符長度
*/
restrictedCharacter : function ( elmID , characterInterva ) {
var input = document.getElementById(elmID);
var str0 = input.value;
String.prototype.lenB = function () {
return this.replace(/[^\x00-\xff]/g, "**").length;
};
//先判斷瀏覽器是不是萬惡的IE绵疲,沒辦法,寫的東西也有IE使用者
var bind_name = 'input';
if (navigator.userAgent.indexOf("MSIE") != -1){
? ? ? ? bind_name = 'propertychange';
}
$('#'+elmID).bind(bind_name, function(){
var str = input.value;
if (str.lenB() > characterInterva) {
? ? ? ? ? ? input.value = str0;
} else {
? ? ? ? ? ? str0 = str
? ? ? ? }
? ? })
}