JavaScript 学习笔记（五）JavaScript基础，JavaScript的事件

小张小张啊

已于 2022-03-07 17:05:07 修改

阅读量295

点赞数

文章标签： javascript 学习前端

于 2022-03-07 15:14:55 首次发布

本文链接：https://blog.csdn.net/weixin_43969648/article/details/123296927

版权

本文是JavaScript学习笔记的第五部分，主要介绍了JavaScript的基础知识——事件，包括事件绑定、各种事件类型（鼠标、键盘、浏览器、触摸、表单事件）、事件对象、事件传播、阻止事件传播以及事件委托的概念和应用。通过实例解析了事件处理函数和事件对象中的信息，如鼠标事件的坐标和键盘事件的编码，以及如何阻止事件冒泡。

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

前言

事件：通过代码的方式和页面中的某些内容做好一个约定；
用户触发指定行为的时候，就会执行代码

一、事件绑定

事件绑定的三要素：

事件源：和谁做好约定
事件类型：约定一个什么行为
事件处理函数：当用户触发该行为的时候，执行什么代码。

语法：事件源.on事件类型 = 事件处理函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件</title>
    <style>
        div {
   
            width: 200px;
            height: 200px;
            background-color: #b5bce6;
        }
    </style>
</head>
<body>
    <div></div>

    <script>
        //1.获取div元素
        var div = document.querySelector('div')
        //2.绑定点击事件
        div.onclick = function () {
   
            //3.书写点击的时候执行的代码
            console.log('你好呀！')
        }
    </script>
</body>
</html>

点击div后，控制台输出：你好呀！

二、事件类型

<

最低0.47元/天解锁文章

小张小张啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 学习笔记（五）JavaScript基础，JavaScript的事件

文章目录前言一、事件绑定二、事件类型1.鼠标事件2.键盘事件3. 浏览器事件4. 触摸事件5. 表单事件三、事件对象总结前言事件：通过代码的方式和页面中的某些内容做好一个约定；用户触发指定行为的时候，就会执行代码一、事件绑定事件绑定的三要素：事件源：和谁做好约定事件类型：约定一个什么行为事件处理函数：当用户触发该行为的时候，执行什么代码。语法：事件源.on事件类型 = 事件处理函数<!DOCTYPE html><html lang="en"><h
复制链接

扫一扫