原文:jquery點擊click事件和blur事件沖突如何解決

最近做了一個查詢小功能,input輸入框輸入文字后,自動列出幾條查詢結果,可以鍵盤上下鍵或鼠標進行查詢結果選擇,並且點擊輸入框其他地方要隱藏這個列出的結果。 但比較頭疼的是input上添加blur事件和查詢提示結果click事件發生沖突,點擊查詢結果時,會首先觸發input的blur事件,導致將查詢提示結果隱藏選擇不了, 解決辦法: 給blur失去焦點事件添加延遲事件,讓blur事件在click事 ...

2015-12-14 09:28 0 1762 推薦指數:

查看詳情

何解決 touchstart 事件click 事件沖突

一 · 業務場景的描述 在對已完成的PC站點進行移動端適配時,我們想要站點在移動設備上有更快的響應速度,以帶給用戶更好的體驗,此時,我們應該使用移動設備專用的事件系統,例如,使用 touchstart 事件代替 click 事件。 為什么這樣效果會更好呢?根據Google開發者 ...

Sat Mar 10 23:36:00 CST 2018 1 8494
input中blur失去焦點事件點擊事件沖突解決方法

解決的辦法: 1. 在blur的回調函數中加一個定時器setTimout,延遲blur回調函數的執行時間,這樣的話雖然在點擊div的時候,input的blur行為先被觸發,但是由於加了定時器延遲,所以得等到按鈕的click回調執行完成后才能執行input的blur行為的回調 ...

Thu Apr 30 23:08:00 CST 2020 0 785
input中blur失去焦點事件點擊事件沖突解決方法

遇到一個問題,就是輸入框input的blur事件點擊click事件沖突了,在click的時候會先觸發blur事件,沒有觸發click // 備注名 $(function(){ $(".cy-name-input input").on({ focus:function ...

Thu Apr 27 18:37:00 CST 2017 0 4189
jquery點擊事件click無效

在做圖片刪除的時候發現動態添加的圖片右上角叉叉點擊事件click無效? 試試這個解決方法(click后面參數加子元素) //圖片刪除 $('#addImgBox').on('click','.img i',function(){ console.log('del ...

Fri Mar 27 21:43:00 CST 2020 0 2651
JQuery 點擊整行后checkbox點擊事件沖突解決

//綁定了li 或者tr這類元素,元素里的子元素有checkbox這中的的話會觸發該點擊事件和它自身點擊事件導致沒有選中 $(".list").on("click",".item",function(){ let ...

Thu Oct 10 17:38:00 CST 2019 0 345
解決input的blur事件在 button的click之前執行的問題

input的blur事件會在click事件之前執行,並且,執行完blur事件click事件就不執行了 解決辦法: 移動端項目可以用touchstart來代替click事件 pc端項目可以用mousedown事件來代替 關於鼠標按下事件(手指觸摸動作開始),幾個常用的: Vue,移動端 ...

Thu May 28 02:25:00 CST 2020 0 576
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM