input標籤的事件彙總
阿新 • • 發佈:2018-11-24
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的屬性裡,例如:<input type="text" onfocus="a();" onblur="b()" onchange="c();" onkeydown="d();" />,
也可以通過js給input dom元素新增相應的事件,如:document.getElementByTagName('input').onfocus = function();