JavaScript的事件初始

fly in the sky !

于 2024-03-05 13:37:17 发布

阅读量589

点赞数 11

分类专栏：前端文章标签： javascript 前端开发语言 html

本文链接：https://blog.youkuaiyun.com/m0_73740682/article/details/136476373

版权

本文介绍了JavaScript中的事件机制，包括事件源、事件类型（如click、keydown、keypress和onkeyup）、以及如何使用事件处理程序。特别详细讲解了键盘事件及其相应的属性，如altKey、ctrlKey和shiftKey。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 的事件初识

基本概念

html和JS做的一个约定。浏览器需要监听用户做了什么样的操作，并对用户的操作进行对应的反馈，从而形成一个动态的页面效果。用户对于页面的一些操作(点击, 选择, 修改等) 操作都会在浏览器中产生一个个的事件。

事件的三要素

事件源: 哪个元素触发的
事件类型: 是点击, 选中, 还是修改
事件处理程序: 进一步的处理，往往是一个回调函数(用JS编写的)

示例代码

<body>
   <input type="button" value="这是一个按钮">
</body>
<script>
    // 事件源
    let button = document.querySelector('input')
    // 绑定事件类型(点击事件)
    // 函数设定了事件处理程序
    button.onclick = function() {
   
        alert("hello")
    }
</script>