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 targetToucheschangedTouches都包含以下属性值
clientX
触摸目标在视口中的x坐标
clientY
触摸目标在视口中的y坐标
identifier
标识触摸的唯一ID
pageX
触摸目标在页面中的x坐标
pageY
触摸目标在页面中的y坐标
screenX
触摸目标在屏幕中的x坐标
screenY
触摸目标在屏幕中的y坐标
                 target触摸的DOM节点目标
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值