1. 程式人生 > >input標籤監聽事件總結

input標籤監聽事件總結

監聽事件對於文字標籤元素很常見,如input、select這些,監聽其實就是當他們的值發生改變時去觸發相應事件。input常見的事件如下:

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

2.onblur  當input失去焦點時觸發

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