JavaScript基础：注册事件（元素注册法和对象注册法）

BestKagome

已于 2023-05-31 15:28:53 修改

阅读量539

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

于 2022-07-07 11:30:40 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125655644

版权

本文深入探讨JavaScript中的事件注册，包括元素注册法和对象注册法，旨在帮助开发者更好地理解和应用这两种方法来处理页面交互。通过学习，您将能够掌握如何使用JavaScript为DOM元素添加事件监听器，实现动态效果和用户交互。

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

<!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>JavaScript基础：注册事件（元素注册法和对象注册法）</title>
    <!--
        注册事件：
            有2种常见的注册方式，一种为直接在元素上注册触发事件，另一种为在获取的对象上注册触发事件。

        1、元素注册法。
            <input type="text" name="" id="txt1" onclick="clickMe()">
   
        2、对象注册法。
            <script>
                document.getElementById("txt1").onclick = function(){
                    ......
                };
            </script>

            这种注册方式实现了html与js的分离，更符合现在的编程思想。
    -->
    <style>
        input.dodgerblue{