input標籤內容改變的觸發事件

2021-07-16 22:08:32 字數 580 閱讀 6530

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

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

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

oninput事件是ie之外的大多數瀏覽器支援的事件,在value改變時實時觸發,但是通過js改變value時不會觸發;onpropertychange事件是任何屬性改變都會觸發,而oninput卻只在value改變時觸發,oninput要通過addeventlistener()來註冊,onpropertychange註冊方法與一般事件相同。

3. oninput與onpropertychange失效的情況:

oninput事件:

(1)當指令碼中改變value時,不會觸發;

(2)從瀏覽器的自動下拉提示中選取時,不會觸發;

onpropertychange事件:

當input設定為disable=true後,不會觸發。

ps:配合blur使用效果更佳哦

input標籤內容改變的觸發事件

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

input標籤內容改變觸發的事件

function onc data onchange事件在內容改變且失去焦點的時候觸發。即,失去焦點了內容未變不觸發,內容變了未失去焦點也不實時觸發。js直接更改value值時不觸發 function inp data oninput事件在輸入內容改變的時候實時觸發。oninput事件是ie之外的大...

input標籤內容改變觸發的事件

function onc data onchange事件在內容改變且失去焦點的時候觸發。即,失去焦點了內容未變不觸發,內容變了未失去焦點也不實時觸發。js直接更改value值時不觸發 function inp data oninput事件在輸入內容改變的時候實時觸發。oninput事件是ie之外的大...