脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript事件、event作用讲解，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

event概念及作用

在触发DOM上某个事件时，会产生一个事件对象event,这个对象包含着所有事件相 关的信息，包含导致事件的元素，事件的类型以及其他的与特定事件相关的信息。

n它是事件绑定中的一个隐藏的参数，可以通过arguments[0]来获取

n也可以叫事件源对象，这里面包含了关于这次事件的相关信息

获取方式(兼容问题)

n在W3C标准中，直接在函数中声明该参数即可

BTn.onclick = function(event) {

//这里就可以使用了

};

n兼容性写法，支持老版本的IE

VAR ev = ev ? ev : window.event;

var ev = ev || window.event;

event.button属性介绍

alert(event.button); alert(ev.which);

//如果当前event是鼠标事件，则会有一个button属性，它是一个数字

0代表鼠标按下了左键 || 1代表按下了滚轮 || 2代表按下了右键

n不过老版本的IE并没有遵守W3C的规范，它的button属性含义如下

nonmousedown/onmouseup

1鼠标左键 2鼠标右键3左右同时按4滚轮5左键加滚轮 6右键加滚轮 7三个同时

n目前IE11.0版本，无兼容性问题

鼠标事件中获取鼠标的位置属性介绍(兼容问题)

event.clientX鼠标相对于浏览器窗口可视区域的X坐标(窗口坐标)，可视区域不包括工具栏和滚动条。

event.pageX类似于event.clientX，但它们使用的是文档坐标而非窗口坐标。(ie8及以下不支持)

event.offsetX鼠标相对于事件源元素(srcElement)的X坐标。

event.screenX鼠标相对于用户显示器屏幕左上角的X,Y坐标。

键盘事件(keyup、keydown、keyPress)

组合键ctrlKey、altKey、shiftKey

if(event.keyCode == 13 && event.ctrlKey) {

//发送消息

}

keyCode/which兼容

event.keyCode || event.which

alert(event.which); //IE不支持(ie8)

事件的冒泡(事件从子节点向上依次传递给父节点)

IE的事件流叫做事件冒泡(event bubbling) ，即事件开始时由最具体的元素(文档中嵌套 层次最深的那个节点)接收，然后逐级向上传播到较为不具体的节点(文档)

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript事件、event作用讲解全部内容，希望文章能够帮你解决javascript代码实例教程-JavaScript事件、event作用讲解所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。