移動(dòng)Safari自動(dòng)對(duì)焦文本字段在Mobile Safari中，在設(shè)置延遲時(shí)間后，我無(wú)法將注意力集中在文本字段上。我附上一些展示問題的示例代碼。如果單擊該按鈕，則觸發(fā).focus（），一切都按預(yù)期工作。如果你把焦點(diǎn)放在回調(diào)上，比如setTimeout函數(shù)，那么它只能在移動(dòng)safari中失敗。在所有其他瀏覽器中，有一個(gè)延遲，然后焦點(diǎn)發(fā)生。令人困惑的是，即使在移動(dòng)游獵中，也會(huì)觸發(fā)“focusin”事件。這個(gè)（和SO中的?類似?評(píng)論）讓我覺得它是一個(gè)移動(dòng)的safari bug。任何指導(dǎo)都將被接受。我已經(jīng)在模擬器和iPhone 3GS / 4 iOS4上進(jìn)行了測(cè)試。示例HTML：<!DOCTYPE html>
<html lang='en'>
<head>
<title>Autofocus tests</title>
<meta content='width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<meta content='yes' name='apple-mobile-web-app-capable'>
</head>
<body>
<h1>
Show keyboard without user focus and select text: </h1>
<p>
<button id='focus-test-button'>
Should focus on input when you click me after .5 second </button>
<input id='focus-test-input' type='number' value='20'>
</p>
<script type="text/javascript">
//<![CDATA[
var button = document.getElementById('focus-test-button');
var input = document.getElementById('focus-test-input');
input.addEventListener('focusin', function(event) {
console.log('focus');
console.log(event);
});
button.addEventListener('click', function() {
// *** If triggered immediately - functionality occurs as expected
// input.focus();
// *** If called by callback - triggers the focusin event, but does not bring up keyboard or cursor
var t = setTimeout("input.focus();",500);
});
//]]>
</script>
</body>
</html>
移動(dòng)Safari自動(dòng)對(duì)焦文本字段
暮色呼如
2019-08-08 15:29:04
