欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題

 更新時(shí)間：2012年05月23日 19:03:01   作者：  
檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題，如何判斷漢字是否已經(jīng)輸入到input內(nèi)
記錄一下資料，就這幾天測(cè)試一下 然后發(fā)布成果
復(fù)制代碼 代碼如下:

<input type="text" value="xxx" id="xx" onclick="this.myprop='xx'">
<script type="text/javascript">
<!--
document.getElementById('xx').attachEvent('onpropertychange',function(o){alert('ok')});
//-->
</script>

執(zhí)行上面的代碼，單擊輸入框發(fā)現(xiàn)也會(huì)觸發(fā)onpropertychange，輸入一個(gè)值同樣也會(huì)觸發(fā)這個(gè)事件，這就證明了，只要有屬性的值被修改就會(huì)觸發(fā)該事件。

第二、既然我們發(fā)現(xiàn)了這個(gè)特點(diǎn)，那就會(huì)有一個(gè)問(wèn)題了：當(dāng)我們有時(shí)在輸入框值發(fā)生改變時(shí)希望執(zhí)行一個(gè)函數(shù)操作，但同時(shí)也要修改一個(gè)自定義的屬性，這樣onpropertychange就會(huì)被觸發(fā)兩次，這個(gè)可能并不是我們所希望的。
猜想一下，既然提供了這么一個(gè)屬性，那一定應(yīng)該能獲取到是哪個(gè)屬性被改變了。試著獲取參數(shù)個(gè)數(shù)及參數(shù)內(nèi)容。

復(fù)制代碼 代碼如下:

<input type="text" value="xxx" id="xx" onclick="this.myprop='xx'">
<script type="text/javascript">
<!--
document.getElementById('xx').attachEvent('onpropertychange',function(){
alert(arguments.length);
for(var i=0;i<arguments.length;i++){
alert(arguments[i]);
}
});
//-->
</script>

執(zhí)行上面一段代碼，會(huì)發(fā)現(xiàn)彈出了1和[object]，這說(shuō)明該事件只給回調(diào)函數(shù)傳入一個(gè)參數(shù)而且是object類(lèi)型。
那我們就試試遍歷一下這個(gè)object。

復(fù)制代碼 代碼如下:

<input type="text" value="xxx" id="xx" onclick="this.myprop='xx'">
<script type="text/javascript">
<!--
document.getElementById('xx').attachEvent('onpropertychange',function(o){
for(var item in o){
alert(item+":"+o[item]);
}
});
//-->
</script>

執(zhí)行一下，發(fā)現(xiàn)有很多個(gè)屬性，但仔細(xì)看我們可能會(huì)發(fā)現(xiàn)這么一個(gè)屬性：propertyname，相信每個(gè)人都能猜到這個(gè)屬性的意思了。對(duì)，這個(gè)就是用來(lái)獲取哪個(gè)屬性被修改的。

復(fù)制代碼 代碼如下:

<input type="text" value="xxx" id="xx" onclick="this.myprop='xx'">
<script type="text/javascript">
<!--
document.getElementById('xx').attachEvent('onpropertychange',function(o){
alert(o.propertyName);
});
//-->
</script>

分別單擊文本框和輸入一個(gè)值，會(huì)發(fā)現(xiàn)分別彈出了myprop和value。

再回到我們開(kāi)始的問(wèn)題，我們只需要判斷是否是value被改變就ok了。
直接看代碼吧：

復(fù)制代碼 代碼如下:

<input type="text" value="xxx" id="xx" onclick="this.myprop='xx'">
<script type="text/javascript">
<!--
document.getElementById('xx').attachEvent('onpropertychange',function(o){
if(o.propertyName!='value')return; //不是value改變不執(zhí)行下面的操作
//.......函數(shù)處理
});
//-->
</script>

三.讓FF支持onPropertyChange類(lèi)似的效果

之前做了個(gè)對(duì)input框的實(shí)時(shí)校驗(yàn)，比如只允許輸入數(shù)字，用戶(hù)輸入的卻是字母等，這時(shí)候就把用戶(hù)輸入的值變?yōu)榧t色等...或者對(duì)textarea文本域剩余可輸入字符的提示，就遇到了一個(gè)問(wèn)題，使用onPropertyChange在IE下很好很正常，但是在FF上就么效果鳥(niǎo)~~~

于是在網(wǎng)上就找到了一個(gè)可行性方法~~ Firefox有個(gè)oninput事件效果和onPropertyChange一樣，所以同時(shí)加上oninput和onPropertyChange問(wèn)題就解決鳥(niǎo)~~~ oo....

<input type="text" oninput="cgColor(this);" onPropertyChange="cgColor(this);" maxlength="4" name="pt_bankou" id="pt_bankou" value="" />

相關(guān)文章

最新評(píng)論