JavaScript中onblur事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
      function onblurfun(){
        //console是控制台对象，是JavaScript语言提供，专门用来向
        //浏览器的控制台打印输出，用于测试使用
        //log是打印的方法
        console.log("静态注册失去焦点事件");
      }

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

    </script>


</head>
<body>
    用户名：<input type="text" onblur="onblurfun()"> <br>
    密码：<input type="text" id="pas"> <br>
</body>
</html>
版权声明：本文为weixin_47511190原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。