下拉框選擇blur與click沖突問題


緣由:今天在做下拉框選擇時,遇到click和blur沖突問題;具體現象如下

  1、intput框獲取焦點(focus事件)時顯示隱藏的下拉框,失去焦點(blur事件)則隱藏下拉框

  2、點擊選擇(click事件)下拉框內容時獲取值,然后intput失去焦點(blur事件)隱藏下拉框

  3、發現click事件無效,blur事件會優先於click事件執行,導致click事件無效

解決:使用mousedown替換click使點擊選擇事件優先執行

  mousedown事件:當鼠標指針移動到元素上方,並按下鼠標按鍵時,會發生mousedown事件。
  mouseup事件:當在元素上放松鼠標按鈕時,會發生mouseup事件。
  注意:
  (1)mousedown與click 事件不同,mousedown事件僅需要按鍵被按下,而不需要松開即可發生。
  (2)mouseup與click事件不同,mouseup事件僅需要放松按鈕。當鼠標指針位於元素上方時,放松鼠標按鈕就會觸發該事件。


---------------------
原文:https://blog.csdn.net/ligang2585116/article/details/51764828
--------------------- 

 

***********************************************************

 學習永遠不晚。——高爾基

***********************************************************


免責聲明!

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



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