Javaweb-JavaScript失去焦点事件

首先，JavaScript的事件分为静态注册事件和动态注册事件，静态注册事件是通过html 标签的事件属性直接赋于事件响应后的代码；动态注册事件是是指先通过js 代码得到标签的dom 对象，然后再通过dom 对象.事件名= function(){} 这种形式赋于事件响应后的代码

静态失去焦点事件

<script>

 //静态注册失去焦点事件
        function onblurFun() {
            //console是控制台对象，由JavaScript提供，专门向浏览器的控制器打印输出，用于测试使用
            //log()是打印方法

                console.log("静态注册失去焦点事件");
        }

动态失去焦点事件

<script>

 //动态注册onblur事件
        window.οnlοad=function () {
            //1.获取标签对象
            var passwordObj=document.getElementById("password");
            //2.通过标签对象.事件名=function
            passwordObj.οnblur=function () {
                console.log("动态注册失去焦点事件");
            }
        }

<body>

用户名：<input type="text" onblur="onblurFun()"><br/>
密码：  <input type="text" id="password"><br/>

在这里插入图片描述

Javaweb-JavaScript失去焦点事件

静态失去焦点事件

动态失去焦点事件

悦读