【尚硅谷 JavaWeb 笔记】onblur事件

端木翠花

于 2022-02-27 08:45:29 发布

阅读量341

点赞数

分类专栏： Java Web学习文章标签： javascript javaweb

本文链接：https://blog.csdn.net/qq_54110690/article/details/123159692

版权

本文介绍了JavaWeb中的onblur事件，通过实例展示了当用户从某个输入框失去焦点时，如何触发相关操作。点击用户输入框和密码输入框后点击空白处，分别演示了onblur事件的效果。

摘要由CSDN通过智能技术生成

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

    <script type="text/javascript">
        // 静态注册onblur事件
        /*
            console 是JavaScript语言提供的控制台对象，专门用来向浏览器的控制台打印输出，用于测试 ——（笔记本查看浏览器的控制台：Fn + F12）
                log()是打印的方法
        */
        function onblurFunc() {
            console.log("静态注册onblur事件");
        }

        // 动态注册onblur事件
        window.onload = function () {
            var passwordObj = document.getElementById("password");
            passwordObj.onblur = function () {
                console.log("动态注册onblur事件");
            }
        }
    </script>

</head>
<body>
<form>
    <table>
        <tr>
            <td>用户：</td>
            <td><input type="t