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

js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法

 更新時(shí)間:2015年02月05日 11:08:45   作者:喵小夕  
這篇文章主要介紹了js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法,實(shí)例分析了oninput與onpropertychange實(shí)現(xiàn)下拉框里自動(dòng)匹配關(guān)鍵字實(shí)時(shí)監(jiān)聽文本框value值變化的功能,需要的朋友可以參考下

本文實(shí)例講述了js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法。分享給大家供大家參考。具體如下:

最近做過一個(gè)項(xiàng)目,需求是下拉框里自動(dòng)匹配關(guān)鍵字,具體細(xì)節(jié)是實(shí)時(shí)監(jiān)聽文本框 value 值的變化,然后匹配相關(guān)內(nèi)容。

初接項(xiàng)目,首先想到的是 JQ 里的 change,但是馬上排除此方法,因?yàn)?change 是在文本框失去焦點(diǎn)時(shí)才會(huì)觸發(fā)。曲線救國一下,想到用 keydown 來解決。其他一切還好,只是當(dāng)不通過鍵盤操作,而是通過鼠標(biāo)來復(fù)制粘貼時(shí),這個(gè)事件是無法觸發(fā)的。所以這個(gè)方法也排除掉了。

然后,查詢了一些相關(guān)資料,發(fā)現(xiàn)只有原生 js 的 oninput & onpropertychange 符合此要求,接著便去 JQ 的 API 里去找符合的方法,很失望,并未找到,但是 bind 確實(shí)會(huì)綁定類似的事件,那便是 input & propertychange,通過測(cè)試,確實(shí)是沒問題的。

現(xiàn)在將例子奉上:

JQ:

$('input').bind('input propertychange', function() { 
 //進(jìn)行相關(guān)操作 
});

其中:propertychange 是為了兼容 IE9 以下版本的。

JS中的 oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,這個(gè)事件在用戶界面改變或者使用腳本直接修改內(nèi)容兩種情況下都會(huì)觸發(fā),有以下幾種情況:

修改了 input:checkbox 或者 input:radio 元素的選擇中狀態(tài), checked 屬性發(fā)生變化。

修改了 input:text 或者 textarea 元素的值,value 屬性發(fā)生變化。
修改了 select 元素的選中項(xiàng),selectedIndex 屬性發(fā)生變化。
JS:

if(isIE) 
{ 
 document.getElementById("input").onpropertychange = keys(); 
} 
else //需要用addEventListener來注冊(cè)事件 
{ 
 document.getElementById("input").addEventListener("input", keys, false);
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論