資訊專欄INFORMATION COLUMN
最近在寫一個手機端提交表單的項目，里面用了不少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的屬性里，例如：，也可以通過js給input dom元素添加相應的事件，如：document.getElementByTagName("input").onfocus = function();
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112904.html
最近在寫一個手機端提交表單的項目，里面用了不少input標簽，因為項目不太忙，所以，想做的完美點，但是遇到了一些問題，比如：頁面中的必填項如果有至少一項為空，提交按鈕就是不能提交的狀態，所以需要對所有的input內容進行監聽，剛開始我用了jquery的keyup事件解決問題，但是后來測試出一個bug，如果用戶選擇粘貼復制的話，keyup事件不能觸發，也就不能通過判斷input內容來改變提交按鈕的狀...
最近在寫一個手機端提交表單的項目，里面用了不少input標簽，因為項目不太忙，所以，想做的完美點，但是遇到了一些問題，比如：頁面中的必填項如果有至少一項為空，提交按鈕就是不能提交的狀態，所以需要對所有的input內容進行監聽，剛開始我用了jquery的keyup事件解決問題，但是后來測試出一個bug，如果用戶選擇粘貼復制的話，keyup事件不能觸發，也就不能通過判斷input內容來改變提交按鈕的狀...
摘要：作用標準模式與兼容模式各有什么區別聲明位于位于文檔中的第一行，處于標簽之前。又稱內核及以上版本，等內核及以上。存儲大小數據大小不能超過。可以防止惡意刷票論壇灌水有效防止對某一個特定注冊用戶用特定程序暴力方式進行不斷的登陸嘗試。 HTMLDoctype作用？標準模式與兼容模式各有什么區別?（1）、聲明位于位于HT...
摘要：對微信小程序進行全局配置，決定頁面文件的路徑窗口表現設置網絡超時時間設置多等。 微信小程序知識總結及案例集錦 微信小程序的發展會和微信公眾號一樣，在某個時間點爆發 學習路徑 微信小程序最好的教程肯定是官方的文檔啦，點擊這里直達 微信官方文檔 認真跟著文檔看一遍，相信有vue前端經驗的看下應該就能上手了，然后安裝 微信小程序開發者工具 新建一個quick start項目，了解代碼結構，...
摘要：由于公司的前端開始轉向，最近開始使用這個框架進行開發，遇到一些問題記錄下來，以備后用。查了一下，發現可能是打包或是資源引用問題，目前該問題還未被妥善處理，需要通過一些來解決這個問題。為解決這個問題，中提供了方法對象受現 showImg(https://segmentfault.com/img/bVFgor?w=1280&h=720); 由于公司的前端開始轉向 VueJS，最近開始使用這...
閱讀 1201·2021-11-24 11:16
閱讀 3428·2021-11-15 11:38
閱讀 1920·2021-10-20 13:47
閱讀 546·2021-09-29 09:35
閱讀 2192·2021-09-22 15:17
閱讀 1013·2021-09-07 09:59
閱讀 3374·2019-08-30 13:21
閱讀 2904·2019-08-30 12:47
