事件三要素

最新推荐文章于 2022-08-20 17:23:45 发布

不是码农的程序猿

最新推荐文章于 2022-08-20 17:23:45 发布

阅读量518

点赞数

分类专栏： JavaScript-DOM 文章标签： js javascript

原文链接：https://blog.csdn.net/yexiangCSDN/article/details/112319574

版权

JavaScript-DOM 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">唐伯虎</button>

    <script>
        //点击一个按钮，弹出对话框
        //1. 事件是有三部分组成 事件源 事件类型 事件处理程序 我们也称为事件三要素
        //(1) 事件原 事件被触发的对象 谁 按钮
        var btn = document.getElementById('btn');
        //(2) 事件类型  如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过 还是键盘按下
        //(3) 事件处理程序 通过一个函数赋值的方式 完成
        btn.onclick = function() {
            alert('点秋香');
        }
    </script>
    
</body>
</html>