1.概述

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

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）

JavaScript事件对象参数相关推荐

javascript 事件对象
btn.onclick = function (event) {// event 就是事件对象var e = event || window.event; // window.event是兼容低版本I ...
JavaScript事件对象
事件对象在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息. 兼容DOM的浏览器会将一个event传入到事件处理程序中.无论指定事件处理程序时使用什么方法 ...
javascript --- 事件对象和事件类型
// 无论程序使用"DOM0级"规范还是"DOM2级"规范,都会在局部产生一个event对象, // 将其打印出来研究: <div id="di ...
JavaScript事件绑定
本文介绍一些JavaScript事件绑定的常用方法及其优缺点,同时在最后展示一个由 Dean Edwards 写的一个比较完美的事件绑定方案. 传统方式 element.onclick = funct ...
105_键盘事件对象
1. 当发生keydown.keypress和 keyup事件时, 它们的执行函数都会传递KeyboardEvent(键盘事件对象)参数. 2. KeyboardEvent.ctrlKey事件属性 2 ...
104_鼠标事件对象
1. 当发生mousedown.mouseup.dblclick.mouseover.mouseenter.mousemove.mouseout和 mouseleave事件时, 它们的执行函数都会传递 ...
精通JavaScript事件.详解
事件(上) JavaScript事件列表事件解说一般事件 onclick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmo ...
JavaScript 日期对象
我们今天就来学习一下JavaScript 日期对象,我们这个日期对象主要可以用于获取到当前时间,或者未来某天时间,还有时间戳计算. 下面就跟我来学习吧. 一.日期对象Date Date对象:这个Dat ...
【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容） – 叶小钗
这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获在下才疏学浅,文中难 ...

JavaScript事件对象参数

1.概述

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

3.键盘触发的事件

JavaScript事件对象参数相关推荐

最新文章

热门文章