keypress 和 blur 事件衝突的問題

2022-03-11 06:52:52 字數 430 閱讀 7788

需求:點選需求:點選新增標籤,出來input框,內容輸入完成後點選enter鍵和blur時都可以執行提交標籤的效果,提交時對內容進行判斷,執行完成後清除input內的內容。如下圖

問題:內容輸入完成後blur事件執行沒有問題,但是keypress時會先執行keypress然後在執行blur,因前乙個事件執行後input框情況,blur執行時會告知使用者未輸入內容,導致體驗極差。

解決:好吧,寫到這裡我發現我錯了,因為始終都會執行blur函式,我直接只寫乙個blur事件就好了啊,啊啊啊,痛苦,想了那麼多就這麼簡單。

其他:但是如果keypress 和 blur 要執行的內容不一樣的話,可以加個定時器來解決這個問題

下拉框click事件與搜尋框blur事件的愛恨糾葛

參會單位聯想 input name company name bind input propertychange function datatype jsonp success function res company list html str this parent addclass layui...

輸入框事件監聽 三 blur與change的差異

首先給大家分享乙個巨牛巨牛的人工智慧教程,是我無意中發現的。教程不僅零基礎,通俗易懂,而且非常風趣幽默,還時不時有內涵段子,像看 一樣,哈哈 我正在學習中,覺得太牛了,所以分享給大家!點這裡可以跳轉到教程 blur與change事件在絕大部分的情況下表現都非常相似,輸入結束後,離開輸入框,會先後觸發...

文字框監聽事件blur 的簡單使用

場景描述 在做編輯功能的時候,經常要判斷編碼,或者密碼之類的是否已經被使用,以前自己做的時候,經常都是在提交了之後才判斷的,到現在,才發現,這樣做的使用者體驗不好,完美一點的做法就是當此文字框失去焦點的時候,就直接給出提示,通過blur 來實現,上 html js code blur functio...