JS-事件

最新推荐文章于 2024-06-28 23:30:00 发布

一菜鸡

最新推荐文章于 2024-06-28 23:30:00 发布

阅读量99

点赞数

本文链接：https://blog.csdn.net/weixin_45669184/article/details/113377499

版权

js事件

1.1、事件概述：

事件三要素：

事件源：被监听的html元素（就是这个事件加给谁），就是某个（某些）html标签
事件类型：某类动作，例如点击事件，移入移除事件，敲击键盘事件等
执行指令：事件触发后需要执行的代码，一般使用函数进行封装
语法格式：事件源.事件类型=执行指令
1.2、常用的事件：

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件</title>
 
    <script>
        // 窗口 : window 对象提供了一个事件类型  onload 页面加载完成事件.
        // 事件源 : window    事件类型 : 页面加载完成事件 (onload)  执行指令: 就是赋值的 function 函数.
        window.onload = function () {
 
            // 获取页面的 btn 按钮
            var btn = document.getElementById("btn");
            // alert(btn);
 
            // 给 btn 按钮绑定一个事件 (单击事件 onclick)
            // 事件源 : btn按钮    事件类型 : 单击事件 (onclick)  执行指令: 就是赋值的 function 函数.
            btn.onclick = function () {
                alert("恭喜你, 中了 500 万!");
            }
        }
 
    </script>
 
</head>
<body>
    <button id="btn">按钮</button>
</body>
</html>