当前位置: 首页 > 工具软件 > J-Focus > 使用案例 >

focus事件

慕佑运
2023-12-01

focus是在input中获取焦点的,但是在div中没有这个属性,所以要在div中加tabindex="0",div就可以使用focus属性了

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .child {
            display: none;
        }
        .cg:focus .child {
            display: block;
        }
    </style>
</head>

<body>
    <div class="cg" tabindex="0">采购

        <div class="child">
            <a href="">产品</a>
            <a href="">企业</a>
        </div>

    </div>
</body>

</html>

 

 类似资料: