(一) onchange onpropertychange 和 oninput 事件的區(qū)別
1项钮、onchange 事件與 onpropertychange 事件的區(qū)別:
onchange 事件在內(nèi)容改變(兩次內(nèi)容有可能還是相等的)且失去焦點時觸發(fā)黄选。
onpropertychange 事件卻是實時觸發(fā)卒密,即每增加或刪除一個字符就會觸發(fā),通過 js 改變也會觸發(fā)該事件炕淮,但是該事件 IE 專有鹏秋。
2抗悍、oninput 事件與 onpropertychange 事件的區(qū)別:
oninput 事件是 IE 之外的大多數(shù)瀏覽器支持的事件,在 value 改變時觸發(fā)脸狸,實時的最仑,即每增加或刪除一個字符就會觸發(fā),然而通過 js 改變 value 時炊甲,卻不會觸發(fā)泥彤。
onpropertychange 事件是任何屬性改變都會觸發(fā)的,而 oninput 卻只在 value 改變時觸發(fā)卿啡,oninput 要通過 addEventListener() 來注冊吟吝,onpropertychange 注冊方式跟一般事件一樣。(此處都是指在js中動態(tài)綁定事件颈娜,以實現(xiàn)內(nèi)容與行為分離)
3剑逃、oninput 與 onpropertychange 失效的情況:
(1)oninput 事件:a). 當(dāng)腳本中改變 value 時,不會觸發(fā)官辽;b).從瀏覽器的自動下拉提示中選取時蛹磺,不會觸發(fā)。
(2)onpropertychange 事件:當(dāng) input 設(shè)置為 disable=true后同仆,onpropertychange 不會觸發(fā)称开。
(二)@change
手動輸入或者通過彈出框選擇之后觸發(fā)
@change='handleChange'
(三)trigger: ‘blur’
trigger: ‘blur’ 表示“當(dāng)失去焦點時(光標(biāo)不顯示的時候),觸發(fā)此提示”
此處應(yīng)該是有一個校驗乓梨,若失去焦點鳖轰,則觸發(fā)trigger進行校驗,若校驗不成功扶镀,則進行提示
---------------------
版權(quán)聲明:本文為CSDN博主「Yoyo_Yan」的原創(chuàng)文章蕴侣,遵循CC 4.0 by-sa版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明臭觉。
原文鏈接:https://blog.csdn.net/Learn_inCSDN/article/details/81099663