Question

我被要求开发一个没有鼠标的网页。当页面改变时，键盘光标必须立即位于输入区域（例如：<input id="input-label" type="text">）。

我试过了，

document.querySelector("#input-area").focus();

和

document.querySelector("#input-area").select();

它适用于按钮，但不适用于DOMContentLoaded。

document.addEventListener("DOMContentLoaded", function(){
  document.querySelector("#input-area").select();
});

我该如何解决？

Answer 1

试试这个，在dom准备就绪时调用它

$(document).ready(function () {
    $("#input-area").focus();
});

或

<input id="input-area" autofocus="autofocus" />

或

$(function() { $("#input-area").focus(); });

Answer 2

试用此代码：

 new Canvas().drawText("",10,20,paint);

这个只在DOM准备期间触发的内容如何：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.js"></script>


<script>
$(document).ready(function(){
    $('#myAnchor').click(function() {
        $('#mustfocus').focus();
    });

});
</script>

</head>
<body>
<input type="button" id="myAnchor" value="Get focus">
<input type="text" id="mustfocus"/>


</body>
</html>

当网页打开时，光标可以直接进入输入吗？

2 个答案: