JavaScript事件对象参数

简介: 事件触发后就会产生事件对象,与事件相关的信息都会存储在一个对象中;这个对象会以参数的形式传给事件处理函数,所以事件处理函数默认会有一个事件对象参数;想要使用这个事件对象只要给事件处理函数定义一个形参即可。例如:

JavaScript事件对象参数



1.概述


事件触发后就会产生事件对象,与事件相关的信息都会存储在一个对象中;这个对象会以参数的形式传给事件处理函数,所以事件处理函数默认会有一个事件对象参数;想要使用这个事件对象只要给事件处理函数定义一个形参即可。

例如:


1c8822664e3f44e38a794894c5f62840.png


2.鼠标触发事件:比如onclick、onmouseover


(1)event.target:获取事件源对象


(2)event.srcElement:获取事件源对象


(3)event.type:获取事件类型


(4)event.clientX:获取当前鼠标在网页上的横坐标,只跟网页的可视区域有关


(5)event.clientY:获取当前鼠标在网页上的纵坐标,只跟网页的可视区域有关


(6)event.screenX:获取当前鼠标在当前显示器的横坐标


(7)event.screenY:获取当前鼠标在当前显示器的纵坐标


(8)evt.button:获取鼠标点击的哪个键


3.键盘触发的事件

event.keyCode:获取点击的键盘键码,它不是ASCII码


evt.altKey:获取是否点下了功能键(alt),返回值是true或false


evt.shiftKey:获取是否点下了功能键(shift)


evt.ctrlKey:获取是否点下了功能键(Ctrl)

目录
相关文章
|
11天前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
18 4
JavaScript基础知识-函数的参数
|
17天前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
24 3
|
14天前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
27 0
|
2月前
|
JavaScript 前端开发 API
JavaScript的事件对象
JavaScript的事件对象
26 0
|
3月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
51 1
|
4月前
|
JavaScript
JS获取浏览器地址栏的多个参数值的任意值
JS获取浏览器地址栏的多个参数值的任意值
41 3
|
3月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
|
3月前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
123 0
|
3月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
103 0