事件定义
通过用户,或者数据模拟触发全局或者局部发生一些可见或者不可见的变动;
常见事件
1.鼠标事件onclick点击事件
oncontextmenu用户点击鼠标右键上下文菜单时触发.
ondblclick双击事件
onmouserenter鼠标移动到元素时触发
onmouseover 鼠标移入事件(支持事件冒泡|内部元素触发)
onmouseleave当鼠标移除元素时触发(内部元素不触发)
onmouseout鼠标从某元素移开(支持事件冒泡|内部元素触发 )
onmousemove鼠标移动
onmousedown鼠标按下事件
onmouseup鼠标按键松开2.键盘事件onkeydown某个键盘按键被按下
onkeypress某个键盘按键被按下并松开
onkeyup某个键盘按键被松开3.框架对象(frame/object)事件onabort图像加载被中断
onbefireunload该事件在即将离开页面(刷新或关闭)时触发
onerror加载文档或图像时发生错误(
常见绑定方法
1.dom行内添加事件
事件对象
事件对象在过程中通常以参数形式传入函数中,如下代码中函数传入的e便是次事件对象:document.getElementById("box").addEventListenner("click",function(e){})1.对象获取点击varbtn=document.getElementById("btn");
btn.addEventListener("click",function(e){
vareve=e||window.event;
console.log(eve);
})
鼠标键盘事件对象
1.属性(精简)altKey返回当事件被触发时alt是否被按下
ctrlKey同上ctrl
shiftKey同上shift
button返回事件被触发是,哪个鼠标按键被点击
clientX返回事件触发时鼠标指针的水平坐标(相对于页面)
clientY返回事件触发时鼠标指针的垂直坐标(相对于页面)
key返回键盘事件的按键值(按的什么返回什么)
keyCode返回键盘事件按键的字符代码(常用)
which同上(兼容不同浏览器可同时使用)
relatedTarget返回鼠标移入移出事件触发时与目标结点间切换的节点
screenX返回事件触发时鼠标指针的水平坐标(相对于屏幕)
screenY返回事件触发时鼠标指针的垂直坐标(相对于屏幕)