input輸入框內(nèi)容實時監(jiān)測(附代碼)
更新時間：2017年08月15日 14:42:33 作者：tianxxin1987
這篇文章主要介紹了如何實時監(jiān)測input輸入框內(nèi)容，具體操作步驟大家可查看下文詳細講解,感興趣的小伙伴們可以參考一下。
輸入框內(nèi)容實時監(jiān)測！只有輸入框內(nèi)容發(fā)生改變才會觸發(fā)事件，如果輸入框內(nèi)容沒有改變則不會觸發(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)容對大家的學習或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持!
相關(guān)文章
這篇文章主要介紹了如何使用jquery序列化表單去除指定元素,需要的朋友可以參考下2014-04-04
360全景就是視角超過人的正常視角的圖像，而我們這里說的全景特指水平視角360度，垂直視角180度的圖像?？梢匀翱臻g里進行切換，達到瀏覽各個不同場景360全景展示的目的。2015-03-03
jQuery添加/改變/移除CSS類及判斷是否已經(jīng)存在CSS
正如標題所言會用到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)個不錯的方法，大家不妨參考下，希望對大家有所幫助2013-09-09
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
用JQUERY增刪元素的代碼，需要的朋友可以參考下2012-02-02
這篇文章主要介紹了jQuery彈出框代碼封裝DialogHelper的方法,需要的朋友可以參考下2015-01-01
a標簽的href如何修改，下面為大家介紹下使用javascript或jquery來簡單實現(xiàn)，感興趣的朋友可以參考下2013-12-12
jquery bankInput插件是銀行卡進行格式化顯示，能控制文本框輸入最小最大個數(shù)、控制只能輸入數(shù)字、控制不能粘貼不能使用輸入法。同時插件能實現(xiàn)自動加載格式化顯示和支持非輸入框的格式話顯示2012-08-08
jQuery實現(xiàn)鼠標移到元素上動態(tài)提示消息框效果
當光標移動到某些元素上時，會彈出像tips的提示框，這種效果想必大家都有見到過吧，下面有個不錯的示例，大家可以感受下2013-10-10