javascript - 如何专注于页面加载时的html选择或反应js中的按钮单击？

Question

我正在创建一个反应 js 应用程序，并使用 HTML 选择下拉菜单。我想专注于页面加载时的选择。下面显示了我在选择中使用的代码。

<select id="sel_bookID" autofocus> 
  <option value="binary"> 
    Binary Search 
  </option> 
  <option value="linear"> 
    Linear Search 
  </option> 
  <option value="interpolation"> 
    Interpolation Search 
  </option> 
</select> 

我也在使用下面提到的一些 StackOverflow 解决方案，但没有奏效。

//jquery
$(document).ready(function(){
    $('#sel_bookID').focus();
});

或者

//javascript
document.addEventListener('DOMContentLoaded', function(){ 
    document.getElementById('sel_bookID').focus();
}, false);

标签： javascriptjqueryreactjs

Answer 1

这一行：

<select autofocus>

应该有一个 id 属性，像这样：

<select autofocus id="selectElem">

JS：

window.onload = function () {
    document.getElementById('selectElem').focus();
};