我正在尝试将网站上的搜索设置为页面加载的默认焦点。我正在使用的搜索是“搜索和过滤”
我尝试使用自动对焦和onfocus,但是无法使光标显示在搜索框中。我的搜索在woocommerce商店页面上的小部件中。
答案 0 :(得分:2)
如果您使用的是jQuery,则可以使用jQuery focus function。
如果未将焦点设置在页面加载上,则可能是其他东西正在窃取焦点。
function setSearchFocus(){
console.log('setting search focus');
$( "#search" ).focus();
}
$( document ).ready(function() {
setSearchFocus();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="#">
Search: <input type="text" name="search" id="search"><br/>
</form>
<br/>
<br/>
<button onClick="setSearchFocus()">Click to set focus</button>