Question

我正在尝试将网站上的搜索设置为页面加载的默认焦点。我正在使用的搜索是“搜索和过滤”

我尝试使用自动对焦和onfocus，但是无法使光标显示在搜索框中。我的搜索在woocommerce商店页面上的小部件中。

Answer 1

如果您使用的是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>

页面加载时专注于搜索

1 个答案: