JavaScript的event常见属性&鼠标和键盘的事件

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 获得焦点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值