input標籤的事件彙總

2022-08-30 00:51:11 字數 648 閱讀 3269

我在做乙個註冊時用到了,在網上查的,比較碎。就彙總了下,

1.onfocus  當input 獲取到焦點時觸發

2.onblur  當input失去焦點時觸發,注意:這個事件觸發的前提是已經獲取了焦點再失去焦點的時候才會觸發該事件,用於判斷標籤為空。

3.onchange 當input失去焦點並且它的value值發生變化時觸發,個人感覺可以用於註冊時的確認密碼。

4.onkeydown 按下按鍵時的事件觸發,

5.onkeyup 當按鍵抬起的時候觸發的事件,在該事件觸發之前一定觸發了onkeydown事件--相當於乙個按鍵,兩個事件,沒怎麼用過

6.onclick  主要是用於 input type=button,input作為乙個按鈕使用時的滑鼠點選事件

7.onselect  當input裡的內容文字被選中後執行,只要選擇了就會觸發,不是全部選中

8.oninput  當input的value值發生變化時就會觸發,(與onchange的區別是不用等到失去焦點就可以觸發了)

使用方法:

以上事件可以直接放到input的屬性裡,例如:,

也可以通過js給input dom元素新增相應的事件,如:document.getelementbytagname('input').onfocus = function();

input標籤的事件彙總

我在做乙個註冊時用到了,在網上查的,比較碎。就彙總了下,1.onfocus 當input 獲取到焦點時觸發 2.onblur 當input失去焦點時觸發,注意 這個事件觸發的前提是已經獲取了焦點再失去焦點的時候才會觸發該事件,用於判斷標籤為空。3.onchange 當input失去焦點並且它的val...

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

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

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

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