html5焦点管理相关属性

元素获得焦点的方式有页面加载、用户输入(通常是通过按 Tab 键)和在代码中调用 focus()方法 。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>

<body>
    <button id="btn"></button>
    <script>
        var btn = document.getElementById('btn')
        btn.focus()

        // DOM 中当前获得了焦点的元素
        console.log(document.activeElement === btn) //true

        // 确定文档是否获得了焦点
        console.log(document.hasFocus()) //true
    </script>
</body>

</html>

猜你喜欢

转载自blog.csdn.net/m0_37897013/article/details/80247258