input輸入框內(nèi)容實(shí)時(shí)監(jiān)測(cè)(附代碼)
更新時(shí)間：2017年08月15日 14:42:33 作者：tianxxin1987
這篇文章主要介紹了如何實(shí)時(shí)監(jiān)測(cè)input輸入框內(nèi)容，具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。
輸入框內(nèi)容實(shí)時(shí)監(jiān)測(cè)！只有輸入框內(nèi)容發(fā)生改變才會(huì)觸發(fā)事件，如果輸入框內(nèi)容沒有改變則不會(huì)觸發(fā)該事件！
代碼如下：
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
function OnInput (event) {
alert (event.target.value);
}
function OnPropChanged (event) {
if (event.propertyName.toLowerCase () == "value") {
alert (event.srcElement.value);
}
}
</script>
<form>
用戶名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持!
相關(guān)文章
這篇文章主要介紹了如何使用jquery序列化表單去除指定元素,需要的朋友可以參考下2014-04-04
jQuery實(shí)現(xiàn)360°全景拖動(dòng)展示
360全景就是視角超過人的正常視角的圖像，而我們這里說的全景特指水平視角360度，垂直視角180度的圖像?？梢匀翱臻g里進(jìn)行切換，達(dá)到瀏覽各個(gè)不同場(chǎng)景360全景展示的目的。2015-03-03
jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS
正如標(biāo)題所言會(huì)用到removeClass移除CSS類、addClass添加CSS類、toggleClass添加或者移除CSS類，hasClass判斷是否已經(jīng)存在CSS2014-08-08
jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
如何在jquery 中的循環(huán)中終止本次循環(huán)或者跳出循環(huán)呢？經(jīng)搜索發(fā)現(xiàn)個(gè)不錯(cuò)的方法，大家不妨參考下，希望對(duì)大家有所幫助2013-09-09
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實(shí)現(xiàn)代碼
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實(shí)現(xiàn)代碼，需要的朋友可以參考下2012-05-05
用JQUERY增刪元素的代碼，需要的朋友可以參考下2012-02-02
這篇文章主要介紹了jQuery彈出框代碼封裝DialogHelper的方法,需要的朋友可以參考下2015-01-01
javascript和jquery修改a標(biāo)簽的href屬性
a標(biāo)簽的href如何修改，下面為大家介紹下使用javascript或jquery來簡單實(shí)現(xiàn)，感興趣的朋友可以參考下2013-12-12
基于jquery的bankInput銀行卡賬號(hào)格式化
jquery bankInput插件是銀行卡進(jìn)行格式化顯示，能控制文本框輸入最小最大個(gè)數(shù)、控制只能輸入數(shù)字、控制不能粘貼不能使用輸入法。同時(shí)插件能實(shí)現(xiàn)自動(dòng)加載格式化顯示和支持非輸入框的格式話顯示2012-08-08
jQuery實(shí)現(xiàn)鼠標(biāo)移到元素上動(dòng)態(tài)提示消息框效果
當(dāng)光標(biāo)移動(dòng)到某些元素上時(shí)，會(huì)彈出像tips的提示框，這種效果想必大家都有見到過吧，下面有個(gè)不錯(cuò)的示例，大家可以感受下2013-10-10