原文:移動端 input的失去焦點事件和點擊按鈕的點擊事件沖突,怎么解決?

我們經常遇到這個情況,輸入完之后,點擊發送按鈕,如果我們在input失去焦點時做一些事情,點擊按鈕事件也做一些事情,那么這時候,blur事件通常會阻止點擊事件,那么如何避免呢 答案 :將click事件用mousedown事件替換 即可 如果在mousedown事件中不想讓input框失去焦點,那么在mousedown事件中阻止默認事件即可 。 ...

2020-06-05 10:35 0 1577 推薦指數:

查看詳情

輸入框失去焦點事件按鈕點擊事件沖突

場景是這樣的: 點擊輸入框失去焦點會觸發驗證方法,點擊提交按鈕的時候也會觸發驗證方法,如果用戶點擊輸入框后點擊提交按鈕就會同時觸發失去焦點方法和提交按鈕方法,這樣就會觸發兩次驗證。 我想寫成只觸發一次驗證,在開發過程中我發現:在移動失去焦點點擊事件同時發生的時候,會先執行失去焦點事件 ...

Mon Sep 28 01:10:00 CST 2020 0 1252
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
移動input彈出帶有搜索按鈕的鍵盤與獲取點擊搜索按鈕觸發的事件

一直覺着qq,微信等app采用的搜索方式挺方便的,沒有搜索按鈕!一切都是 type="search" 實現的! 欲實現一個文字搜索的功能,要求輸入時,鍵盤回車按鈕提示顯示為“搜索”。效果如下: 注意:要實現 search ,必須設置input的type類型為search,並且被form元素 ...

Fri Nov 17 04:31:00 CST 2017 0 2122
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM