javascript中常用的DOM事件

//常用事件
onclick 点击事件

onmousedown 鼠标按下

onmousemove 鼠标移动

onmouseup 鼠标抬起

onmouseover 鼠标放上

onmouseout 鼠标放开

onfocus 获取焦点

onblur 失去焦点

onchange 表单改变 selsct 标签

onselect 表单选中 select 标签

onscroll 滚动事件

onload  页面运行完载入

onkeydown键盘按下

onkeypress 键盘按住

onkeyup 键盘抬起

onresize 窗口改变大小

onsubmit 提交事件 

事件的基本结构是:

ele.onclick = function(event){ };

添加事件函数会得到一个事件对象列出常用属性:

event.button 返回鼠标按下那个,0左键

event.target 返回当前触发事件的最小元素(假如我们的div中套了一个span和a,再给div加click事件,span和a触发的同时,div也会触发,这个属性我们就可以在给div加事件的时候,调用此属性,通过他的id和标签名,判断点击的是那个子元素)

event.clientX 获取触发事件离页面的左侧距离

event.clientY 获取触发事件离页面的上侧距离

event.altKey/event.ctrlKey/event.shiftKey 获取键盘事件,事件对象是否按下这些键,按下返回true

event.type 返回触发事件类型

event.keyCode 返回键盘事件的ascll码

 

posted @ 2016-05-05 14:52  zxc_886  阅读(357)  评论(0编辑  收藏  举报