1. 程式人生 > >HTML-input標籤事件監聽

HTML-input標籤事件監聽

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

2.onblur
當input失去焦點時觸發,注意:這個事件觸發的前提是已經獲取了焦點再失去焦點的時候會觸發相應的js

3.onchange
當input失去焦點並且它的value值發生變化時觸發

4.onkeydown
在 input中有鍵按住的時候執行一些程式碼

5.onkeyup
在input中有鍵擡起的時候觸發的事件,在此事件觸發之前一定觸發了onkeydown事件

6.onclick
主要是用於 input type=button,當被點選時觸發此事件

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();