lovecoding
/
VIPJAVA


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件演示</title>

</head>
<!--
    onblur元素失去焦点
    onfocus元素获得焦点
    onload某个页面或图像被完成加载
    onsubmit当表单提交时触发该事件
    onmouseover鼠标被移到某元素之上
    onmouseout鼠标从某元素移开
-->
<body>
    <form id="userForm" action="https://www.baidu.com"  >
        <!--  onblur元素失去焦点  -->
        <input id="username" onblur="onBlur(this)" type="text"  >

        <input type="submit" value="输入框提交">
        <button onsubmit="userFormSubmit()" >按钮提交</button>
    </form>

    <script>
        function userFormSubmit (){
            console.log("提交")
            return false;
        }

        let userForm = document.getElementById("userForm");

        userForm.onsubmit = userFormSubmit;

        //页面加载完成之后执行
        window.onload = function (){
            let ins = document.getElementById("username");
            ins.onfocus = function (){
                console.log("获取焦点")
            }
        }
        function onBlur(t){
            //this
            console.log(t)
        }


    </script>
</body>
</html>