tft每日頭條

 > 圖文

 > 輸入框自動聚焦事件

輸入框自動聚焦事件

圖文 更新时间:2024-12-16 05:24:59

在iPhone這樣的移動端測試時,我們會發現onclick事件有大約半秒的延遲,這是因為iOS系統需要等待一段時間來判斷用戶是點擊還是拖動,所以會有失焦與點擊事件的沖突。

問題描述:

給一個輸入框設置失焦事件之後,失焦事件總是優先其它事件先觸發,導緻輸入完成之後點擊提交按鈕無效。

輸入框自動聚焦事件(解決輸入框失焦事件與按鈕點擊事件沖突的問題)1

mousedown:在用戶按下了任意鼠标按鈕時觸發。不能通過鍵盤觸發這個事件。

mouseup:在用戶釋放鼠标按鈕時觸發。不能通過鍵盤觸發這個事件。

解決方案

輸入框自動聚焦事件(解決輸入框失焦事件與按鈕點擊事件沖突的問題)2

項目裡還遇到一個問題,這裡我是需要點擊input框,彈出一個時間選擇框。在IOS上發現點擊input框後彈出時間選擇框時,input會有焦點

$('#testInput').mousedown(function(e) {

setTimeout(function(){

$("#testInput").blur();

}, 10);

});

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved