event的常见属性
event.type 获取事件类型
event.clientX/clientY 获取当前事件源在浏览器窗口中的位置
event.pageX/pageY 获取当前事件源在页面中的位置
event.screenX/screenY获取当前事件源在屏幕中的位置
event.target ||event.srcElement 当前事件源
event.preventDefaulte()取消默认行为,例如:按钮提交,超链接;
事件委托:
把子元素要注册的事件,委托给父元素注册,通过冒泡或捕获的方式,在子元素当前阶段,触发,获取当前阶段事件源的方式
event.target || event.srcElement
常用事件:
鼠标事件:onclick
onmouseseover 鼠标进入
onmousemove 鼠标移动
onmousedown 鼠标点击
onmouseup 鼠标松开
onmouseout 鼠标移开
ondblclick 鼠标双击
注:event.button = 0(左键) |1(滚轮)|2(右键)
键盘事件:
onkeydown
onkeyup
onkeypress 按下并松开
注:event.keyCode 获得按键ASCLL码
0 48
a 97
A 65
Cr(回车) 13
左方向键37 上方向键 38 右方向键 39 下方向键 40
其他事件:
onchange 内容改变
onblur 失去焦点
onfocus 获得焦点
JavaScript的event常见属性&鼠标和键盘的事件
最新推荐文章于 2024-07-17 13:42:21 发布