javascript怎么隐藏鼠标-木庄网络博客

2022-02-16 09:10:14 PHP中文网 JavaScript 671 0 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript隐藏鼠标的方法：首先使用“document.getElementById("id值")”语句获取指定元素对象；然后使用“元素对象.style.cursor="none"”语句设置鼠标隐藏效果即可。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript隐藏鼠标

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <style>
            div{
                background-color: palegoldenrod;
                padding: 10px;
            }
        </style>
    </head>
 
    <body>
        <div id="cursor">鼠标在div元素上时，会被隐藏！</div>
    </body>
    <script type="text/javascript">
        var div=document.getElementById("cursor");
        div.style.cursor="none";
    </script>
 
</html>