oninput等表單事件

2022-02-25 12:36:03 字數 857 閱讀 5496

oninput等表單事件

過去我們常使用keydown和keyup輔助表單元素的處理,這要求處理時,表單元素必須處於啟用(聚焦)狀態。oninput事件可以實時監聽文字框的輸入變化。

現代瀏覽器支援oninput,其中包括ie9。

1、onchange事件與onpropertychange事件的區別: 

onchange事件在內容改變(兩次內容有可能還是相等的)且失去焦點時觸發;onpropertychange事件卻是實時觸發,即每增加或刪除乙個字元就會觸發,通過js改變也會觸發該事件,但是該事件

ie專有。

2、oninput事件與onpropertychange事件的區別: 

1.oninput事件是ie之外的大多數瀏覽器支援的事件,在value改變時觸發,實時的,即每增加或刪除乙個字元就會觸發,然而通過js改變value時,

卻不會觸發;

2.onpropertychange事件是任何屬

改變都會觸發的,而oninput卻只在value改變時觸發,oninput要通過addeventlistener()來註冊,

onpropertychange註冊方式跟一般事件一樣。

(此處都是指在js中動態繫結事件,以實現內

容與行為分離)

3、oninput與onpropertychange失效的情況: 

(1)oninput事件:a). 當指令碼中改變value時,不會觸發;b). 從瀏覽器的自動下拉提示中選取時,不會觸發。 

(2)onpropertychange事件:當input設定為disable=true後,onpropertychange不會觸發。

oninvalid事件,在表單元素的值非法時被觸發。

jq觸發oninput事件

之前一直在用jq的change 方法來處理輸入框的值變化事件,以及觸發輸入框的變化事件。後來發現change 方法有個弊端,change事件的發生條件是 輸入框的值value發生變化,並且輸入框失去焦點之後,才會觸發。於是就找到了乙個html5裡面的新事件 oninput 這個事件的神奇之處就在於,...

文字框的oninput事件以及

截選於網上 1 onchange事件與onpropertychange事件的區別 onchange事件在內容改變 兩次內容有可能還是相等的 且失去焦點時觸發 onpropertychange事件卻是實時觸發,即每增加或刪除乙個字元就會觸發,通過js改變也會觸發該事件,但是該事件ie專有。2 onin...

jQuery事件 表單事件

focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...