我想自動對焦工作在網(wǎng)頁加載。
它在PC或Android手機(jī)上運行良好,但在iPhone或iPad上不工作。
有什么解決辦法嗎?(我沒有使用react或vue.js)
使用Modernizr的媒體查詢
(函數(shù)($,M) { //媒體查詢最小1024像素設(shè)備寬度(iPad為960 CSS像素) if(m . MQ(' only all and(min-width:961 px)'){ $(函數(shù)jqueryAutofocus() { //自動聚焦搜索字段 $(' # header-search[name = & quot;問& quot]').焦點(); }); } })(window.jQuery,window。modernizr);
類似的問題
此刻是不可能自動對焦的元素。蘋果希望用戶明確點擊元素(例如,輸入)。你可以在這里查看:https://caniuse.com/?搜索=自動對焦
另外,我在這里找到了一篇關(guān)于這個問題的很棒的文章:https://medium . com/@ brunn/auto focus-in-IOs-safari-458215514 a5f
希望以后可以刪除這個問題:)