原文:onclick和onblur的沖突問題

新浪首頁的搜索框里面有一個使用ajax的下拉框。我們需要實現一個點擊下拉框里面的一項,讓搜索框里面的值變成這一項,同時下拉框消失的效果,但同時在點擊其他地方的時候,這個下拉框也要消失。大致如圖: 我們同時使用onblur和onclick來使下拉框隱藏,但是更大的問題出現了,這兩個功能相沖突,onblur過於強悍,根本沒有onclick方法實現的機會,搜索框無法獲取點擊項的內容。這個就是我們想要解決 ...

2016-04-28 09:53 0 1712 推薦指數:

查看詳情

JavaScript 解決 onbluronclick 沖突

上面的代碼會出現一種問題:當點擊按鈕的時候,onblur 會執行,onblur 一般是用來檢查文本框的內容,我們並不希望在點擊按鈕的時候執行,並且 onblur 會執行在 onclick 之前。 解決方式: 主要作用是延遲 onblur 的執行,在 onclick 執行的時候,取消 ...

Fri Mar 18 22:00:00 CST 2016 0 2054
解決input中智能提示框onbluronclick沖突問題

背景: 制作一個類似百度輸入法的智能提示框, 其中當關鍵詞輸入進來時,會有智能提示展開,實際需求是當點擊智能提示框的漢字時,輸入框中自動補全並關閉智能提示, 當點擊其他區域時,智能提示框自動隱藏,如下所示: 分析:點擊用onclick事件觸發獲取的值,然后點擊外框用失去焦點的方式解決 ...

Mon Jan 28 00:26:00 CST 2019 0 899
Salesforce LWC學習(十七) 前端知識之 onclick & onblur & onmousedown

在Salesforce LWC學習(八) Look Up組件實現篇中,我們實現了公用的lookup組件,使用的過程中,會發現當我們輸入內容以后,搜索出來的列表便無法被清空。 針對此種情況我們打算優化一下代碼,針對前端的輸入框,增加onblur函數,當鼠標移除情況下,設置searchTerm ...

Tue Jun 02 03:10:00 CST 2020 0 612
easyui中如何為validatebox添加事件(onbluronclick等)

在我們一般html的input標簽,textbox事件可以直接使用onblur()、onclick()事件,但是在easyui的validatebox沒有onblur事件, 如果我們需要為validatebox添加一個失去焦點事件,該怎么做呢? 1、html中textbox的失去焦點 ...

Tue Mar 27 03:05:00 CST 2018 0 2800
onBlur()事件連續觸發問題

問題的起因是因為鼠標離開頁面觸發,返回頁面時還是到了觸發的文本框。再次離開時還是會觸發。 解決的辦法是第一次觸發失去焦點事件時讓焦點失去就可以: document.getElementById('eamCode').blur(); 讓其失去焦點即可。解決可以 ...

Mon Mar 11 23:05:00 CST 2019 0 800
記錄下幫助一位網友解決的關於android子控件的onTouch或onClick和父OnTouch 沖突問題

前三天收到位網友的私信求助,問題大概如標題所示。具體是下面的情況,個人感覺,這個問題挺有趣,也會在實際項目開發中很常見。不想看前奏的請直接跳至解決方法。 問題原型: 父控件是自定義的 LinearLayout,目的是實現下拉刷新,這個自定義View的實現下拉操作思想 ...

Sun Aug 16 19:06:00 CST 2015 0 2819
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM