input標籤的事件彙總

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

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

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

3.onchange 當input失去焦點而且它的value值發生變化時觸發,我的感受能夠用於註冊時的確認密碼。input

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

5.onkeyup 當按鍵擡起的時候觸發的事件,在該事件觸發以前必定觸發了onkeydown事件--至關於一個按鍵,兩個事件,沒怎麼用過function

6.onclick  主要是用於 input type=button,input做爲一個按鈕使用時的鼠標點擊事件cli

7.onselect  當input裏的內容文本被選中後執行,只要選擇了就會觸發,不是所有選中select

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

相關文章
相關標籤/搜索