onclick鼠标点击事件、onblur失去焦点、onchange事件改变、onsubmit表单注册

本文链接：https://blog.csdn.net/weixin_49321034/article/details/107907219

onclick鼠标点击事件

    <script type="text/javascript">
        function onclickFun() {
            alert("静态注册onclickFun");
        }

        window.onload = function () {
            var btnObj = document.getElementById("btn01");

            btnObj.onclick = function () {
                alert("动态注册的onlick事件");
            }
        }
    </script>
</head>
<body>
    <button onclick="onclickFun();">按钮1</button>
    <button id="btn01">按钮2</button>

在这里插入图片描述
.
.
onblur失去焦点

<script type="text/javascript">
        function onblurFun() {
            console.log("静态注册失去焦点事件");
        }

        window.onload = function () {
            var passwordObj  = document.getElementById("password");

            passwordObj.onblur = function () {
                console.log("动态注册的失去焦点事件");
            }
        }
    </script>
</head>
<body>
           用户名：<input type="text" onblur="onblurFun();">
           密  码：<input id="password" type="text">

在这里插入图片描述
.
.

onchange事件改变

<script type="text/javascript">
        function onchangeFun() {
            alert("女神选择发生改变");
        }

        window.onload = function () {
            var selObj   = document.getElementById("sel01");
            selObj.onchange = function () {
                alert("男神选择发生改变");
            }
        }
    </script>
</head>
<body>
           <select onchange="onchangeFun();">
               <option>--女神--</option>
               <option>迪丽热巴</option>
               <option>古力娜扎</option>
               <option>张柏芝</option>
           </select><br>

           <select id="sel01">
               <option>--男神--</option>
               <option>小欧</option>
               <option>莱昂纳多</option>
               <option>吴亦凡</option>
           </select><br>

.
.
onsubmit表单注册

    <script type="text/javascript">
        function onsubmitFun(){
            alert("静态注册表单提交事件----发现不合法");
            return true;
        }
        window.onload = function () {
            var formObj = document.getElementById("form01");
            formObj.onsubmit = function () {
                alert("动态注册表单提交事件----发现不合法");
                return false;
            }
        }

    </script>
</head>
<body>

<form action="http://localhost:8080" method="get" onsubmit="return onsubmitFun();">
    <input type="submit" value="静态注册"/>
</form>

<form action="http://localhost:8080" id="form01">
    <input type="submit" value="动态注册"/>
</form>

.
.