事件_常见事件演示

事件_常见事件演示

1，失去焦点事件

　　案例：

　　　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>焦点</title>
</head>
<body>
    <script>
        window.onload = function (){
        //   失去焦点事件
            document.getElementById("username").onblur = function (){
                alert("失去焦点了...")
            }
        }
    </script>
<input id="username">
</body>
</html>

 

 如果鼠标离开了...就会给我们提示

 

 

//鼠标移动到框子的上面
document.getElementById("username").onmouseover = function (){
    alert("鼠标来了...")
}

如果鼠标接近就会弹出

 

//    绑定鼠标的点击事件
    document.getElementById("username").onmousedown = function (){
        alert("鼠标被点击了")
    }

 

 如果我们点击栏 就会提示鼠标被点击了

 

posted @ 2022-08-07 14:39  一位程序袁  阅读(29)  评论(0)  编辑  收藏  举报