input 標簽的監聽事件總結


最近在寫一個手機端提交表單的項目,里面用了不少input標簽,因為項目不太忙,所以,想做的完美點,但是遇到了一些問題,比如:頁面中的必填項如果有至少一項為空,提交按鈕就是不能提交的狀態,所以需要對所有的input內容進行監聽,剛開始我用了jquery的keyup事件解決問題,但是后來測試出一個bug,如果用戶選擇粘貼復制的話,keyup事件不能觸發,也就不能通過判斷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();


免責聲明!

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



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