JavaScript中的鼠标事件,键盘事件,触摸事件

1. 鼠标事件

click单击事件
dbonclick双击事件
contextmenu鼠标右键
mousedown鼠标按下
mousemove鼠标移动
mouseup鼠标抬起
mouseover鼠标悬浮
mouseout鼠标移开
mouseenter鼠标悬浮
mouseleave鼠标移开

注:mouseenter/相当于处于捕获阶段,先运算父元素的值 mouseover处于冒泡阶段来运行

2. 键盘事件

keydown按键按下
keypress按键按下,不能对系统功能键(例如:后退,删除等其中不能对中文输入法进行响应)
keyup按键弹起

3. TouchEvent对象(手机屏幕触摸事件)

每一个 touch 事件的触发都会产生一个 TouchEvent 对象,以下是 TouchEvent 对象三个比较常用的重要列表属性(数组)
touches当前位于屏幕上的所有手指的一个数组
targetTouches当前dom元素上手指的列表的数组(特定于事件目标的Touch对象的数组)
changedTouches设计当前事件的手指的列表数组(表示自上次触摸依赖发生了什么改变的Touch对象的数组)
touches targetTouches changedTouches 都包含以下属性值
clientX
触摸目标在视口中的x坐标
clientY
触摸目标在视口中的y坐标
identifier
标识触摸的唯一ID
pageX
触摸目标在页面中的x坐标
pageY
触摸目标在页面中的y坐标
screenX
触摸目标在屏幕中的x坐标
screenY
触摸目标在屏幕中的y坐标
                 target触摸的DOM节点目标
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值