下面小編就為大家帶來一篇深入理解html表單輸入監聽。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。
今天看到一篇有關input事件的博文,一時興起便整理下相關的資料。
事件:
function changeVal(value){ console.log($(value).val())}
onchange:onchange事件是在前后內容改變,并且失去焦點之后才會觸發。
<input type="text" value="" onchange="changeVal(this)">
oninput:oninput事件則會在value改變時就觸發。
<input type="text" value="" oninput="changeVal(this)">
還有一個onpropertychange事件,效果與oninput相似,但是IE專用!而且測試的時候并沒有生效,一臉懵逼中。。。
補充:
oninput與onpropertychange失效的情況:
oninput事件:
(1)當腳本中改變value時,不會觸發;
(2)從瀏覽器的自動下拉提示中選取時,不會觸發;
onpropertychange事件:
當input設置為disable=true后,不會觸發。
以上就是小編為大家帶來的深入理解html表單輸入監聽的全部內容了,希望大家喜歡哦