中文输入法不触发onkeyup事件的解决办法
生活随笔
收集整理的這篇文章主要介紹了
中文输入法不触发onkeyup事件的解决办法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
參考:
http://www.cnblogs.com/xcsn/p/3413074.html
http://www.soso.io/article/21182.html
最近做一個輸入框只能輸入有兩位小數(shù)點的小數(shù),當時監(jiān)聽的是keyup事件,當輸入法改為中文,然后按enter鍵,這樣還是能輸入其他的字符(火狐沒有這個問題,谷歌里有這個問題),后來百度下才知道原因,具體參考以上兩個網(wǎng)址。
修改前寫法:
<input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off" onkeyup="clearNoNum(this)"/>
<span id="inputorp_s"></span>
<script>
//只能輸入數(shù)字和小數(shù)點
function clearNoNum(obj)
{
//先把非數(shù)字的都替換掉,除了數(shù)字和.
obj.value = obj.value.replace(/[^d.]/g,"");
//必須保證第一個為數(shù)字而不是.
obj.value = obj.value.replace(/^./g,"");
//保證只有出現(xiàn)一個.而沒有多個.
obj.value = obj.value.replace(/.{2,}/g,".");
//保證.只出現(xiàn)一次,而不能出現(xiàn)兩次以上
obj.value = obj.value.replace(".","$#$").replace(/./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'); //只能輸入兩個小數(shù)
}
</script>
修改后的寫法:
<input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off"/>
<span id="inputorp_s"></span>
<script>
//先判斷瀏覽器是不是萬惡的IE,沒辦法,寫的東西也有IE使用者
var bind_name = 'input';
if (navigator.userAgent.indexOf("MSIE") != -1){
bind_name = 'propertychange';
}
$('#inputorp_i').bind(bind_name, function(){
clearNoNum(this);
})
//只能輸入數(shù)字和小數(shù)點
function clearNoNum(obj)
{
//先把非數(shù)字的都替換掉,除了數(shù)字和.
obj.value = obj.value.replace(/[^d.]/g,"");
//必須保證第一個為數(shù)字而不是.
obj.value = obj.value.replace(/^./g,"");
//保證只有出現(xiàn)一個.而沒有多個.
obj.value = obj.value.replace(/.{2,}/g,".");
//保證.只出現(xiàn)一次,而不能出現(xiàn)兩次以上
obj.value = obj.value.replace(".","$#$").replace(/./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'); //只能輸入兩個小數(shù)
}
</script>
總結
以上是生活随笔為你收集整理的中文输入法不触发onkeyup事件的解决办法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UE4笔记-UMG和Slate记录
- 下一篇: 天龙八部手游少林厉害吗