JavaScript之键盘事件和触摸事件

键盘事件:与按键相关的事件
键盘事件,不能绑定给某个标签
必须是window或者document
keydown:按下事件,如果按住不放,就会一直触发
keyup:放开事件
1.window.οnkeydοwn=function(){}
2.document.οnkeydοwn=function(){}
必须是可以被选中的标签,可以获取焦点的标签
input,select,textarea,button,a…
按键的事件对象
e.key:存储你按下键盘的名称
键盘区域的数值和小键盘区域的数值,不做区分,都是相同的
e.keycode:每个按键对应一个数值
使用这个属性来区分每一个按键
按键编码
需要做兼容处理,兼容的是低版本的火狐浏览器
var 变量=e.keycode||e.which
现在很少用了
按键组合
ctrl shif alt+其他键
事件对象e中有三个属性
ctrlkey/altkey/shiftkey:按下值就是true,没有按就是false
触摸事件:多用于移动端
touchstart:触摸开始
touchend:触摸结束
touchmove:触摸移动
其他时间实际上就是这三个事件的组合使用
长按:触摸开始和触摸结束之间的时间差,1s,0.5s
计算两个触发时 时间戳的差
或者触发触摸开始时间超过1s,0.5s
轻触:触摸时间差小于100毫秒
左右移:触摸开始和触摸结束的坐标差是正数还是负数

发布了27 篇原创文章 · 获赞 3 · 访问量 469

猜你喜欢

转载自blog.csdn.net/qq_44531034/article/details/105233211
今日推荐