事件对象就是用来帮我们获取,在js事件被触发时的一些列有用信息。
事件对象的名字,一般使用event,但这不是必须的,可以用任何合法的变量名。
IE浏览器的事件对象模型跟其他浏览器是不一样的。它需要使用window.event,而且,不需要在事件处理函数中声明event参数
document.onclick = function(event){
var evt = event || window.event;//兼容写法
(1)鼠标触发的事件:比如onclick,onmouseover
event.target : 获取事件源对象
event.srcElement : 获取事件源对象
event.type : 获取事件类型
event.clientX : 获取当前鼠标在网页上的横坐标,只跟网页的可视区域有关系
event.clientY : 获取当前鼠标在网页上的横坐标,只跟网页的可视区域有关系
event.screenX : 获取当前鼠标在当前显示器上的横坐标,
event.screenY : 获取当前鼠标在当前显示器上的横坐标,
evt.button : 获取鼠标点击的哪个键
(2)键盘触发的事件:比如onkeydown,onkeyup
event.keyCode : 获取点击的键盘键码,它不是ASCII码
evt.altKey : 获取是否点下了功能键(alt),返回值是true or false
evt.shiftKey: 获取是否点下了功能键(shift)
evt.ctrlKey: 获取是否点下了功能键(ctrl)