input標籤監聽事件總結
阿新 • • 發佈:2018-12-23
監聽事件對於文字標籤元素很常見,如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();