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