JavaScript-事件基础

最新推荐文章于 2024-08-14 15:45:18 发布

Blounf

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量613

点赞数

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/Blounf/article/details/122093968

版权

事件概述：JavaScript让我们有能力创建动态页面，二十件是可以被JavaScript检测到的行为

事件是三部分组成：事件源、事件类型、时间处理程序，也被称为时间三要素

1.事件源：事件被触发的对象

2.事件类型：通过什么事件触发

3.事件处理程序：通过一个函数赋值的方式

执行事件的步骤
1.获取事件源

2.绑定事件

3.添加事件处理程序（通过函数赋值的形式

举例

<body>
    <button id='btn'>点击</button>
    <script>
        let a = document.querySelector('btn')//获取事件源
        btn.onclick = function () {//通过函数绑定鼠标点击事件
            console.log('ssss');
        }
    </script>
</body>