深入理解html表單輸入監(jiān)聽
發(fā)布時間：2016-04-16 16:04:46 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄钊肜斫鈎tml表單輸入監(jiān)聽。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
今天看到一篇有關input事件的博文，一時興起便整理下相關的資料。
事件：
function changeVal(value){ console.log($(value).val())}
onchange：onchange事件是在前后內容改變，并且失去焦點之后才會觸發(fā)。
<input type="text" value="" onchange="changeVal(this)">
oninput：oninput事件則會在value改變時就觸發(fā)。
<input type="text" value="" oninput="changeVal(this)">
還有一個onpropertychange事件，效果與oninput相似，但是IE專用！而且測試的時候并沒有生效，一臉懵逼中。。。
補充：
oninput與onpropertychange失效的情況：
oninput事件：
（1）當腳本中改變value時，不會觸發(fā)；
（2）從瀏覽器的自動下拉提示中選取時，不會觸發(fā)；
onpropertychange事件：
當input設置為disable=true后，不會觸發(fā)。
以上就是小編為大家?guī)淼纳钊肜斫鈎tml表單輸入監(jiān)聽的全部內容了，希望大家喜歡哦~
如果大家想了解更多游戲活動與游戲攻略，請持續(xù)關注本站，本站小編將在第一時間為大家?guī)碜詈每?、最好玩、最新鮮的游戲資訊。更多精彩內容，盡在jb51游戲頻道！
相關文章
本文檔主要講述的是HTML5表單新特征簡介與舉例；希望本文檔會給有需要的朋友帶來幫助；感興趣的朋友可以過來看看2017-04-10- 在HTML5 中，在增加了大量的表單元素與屬性的同時，也增加了大量在提交時對表單與表單內新增元素進行內容有效性驗證的功能，接下來我們來講一下自動驗證，需要的朋友參考2017-01-11
- 本文主要對HTML5表單新增屬性進行詳細介紹，并附上實例解析，簡單易懂。需要的朋友一起來看下吧2016-12-21
- 表單驗證就是在表單提交服務器前對其進行一系列的檢查并通知用戶糾正錯誤，本篇文章主要介紹了詳解HTML5中表單驗證的8種方法，具有一定的參考價值，有興趣的可以了解一下。2016-12-19
- 下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-26
HTML5實現手機身份證表單上傳提交特效源碼是一款選擇圖片上傳并且顯示，適應各種手機端表單提交代碼。本段代碼適應于所有網頁使用，有需要的朋友可以直接下載使用2016-07-11- 表單是Web頁面上負責用戶輸入與服務器端數據交互的最基礎方式,這里我們針對最基本的表單內容顯示,來看一下HTML的form表單標簽用法學習教程2016-07-08
- 下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-07
本特效源碼是一款基于HTML5實現意見反饋提交表單頁面模板的代碼，支持文本編輯，圖片上傳預覽等功能2016-04-05- 這篇文章主要介紹了HTML5中表單的常用屬性及新屬性的整理,主要以新屬性的總結為主,需要的朋友可以參考下2016-02-19
