DOM---焦点事件类型

原创于 2024-11-04 20:53:07 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #chrome #css3 #前端 #开发语言 #html #前端框架

b站kerwin前端教程自学笔记持续更新... 专栏收录该内容

179 篇文章

订阅专栏

focus获取焦点

blur失去焦点

change对比失去焦点和获取焦点里边内容不一致就会触发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text1" id="username1">
    <script>
        // focus  
        username1.onfocus = function(){
            console.log("获取焦点")
        }
        // blur
        username1.onblur = function(){
            console.log("失去焦点")
        }
        // change对比失去焦点和获取焦点里边内容不一致就会触发
        username1.onchange = function(){
            console.log("对比失去焦点和获取焦点里边内容不一致就会触发")
        }
    </script>
</body>
</html>