緣由:今天在做下拉框選擇時,遇到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
---------------------
***********************************************************
學習永遠不晚。——高爾基
***********************************************************