input標簽的事件匯總


我在做一個注冊時用到了,在網上查的,比較碎。就匯總了下,

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM