登录  /  注册
首页 > web前端 > js教程 > 正文

对JavaScript中的事件的分类

韦小宝
发布: 2018-03-09 17:22:10
原创
1171人浏览过

我们也都知道javascript中的事件是有很多种,而且还很常用,重要的是还不好记住,写到javascript事件的时候就看一次,找的时候还并不是很好找,这很头疼了,那么我们就来对javascript中的事件进行一下分类

鼠标点击事件 
mousedown、mousemove、mouseout、dblclick(双击)、contextmenu(右键菜单)

鼠标滚轮事件 mousewheel 
滚轮事件,适用于IE/谷歌safari,DOMMouseScroll–>火狐私有的滚轮事件,只能用addEventListener()方式绑定。 
e.wheelDelta > 0表示滚轮向上。e.wheelDelta 0表示滚轮向下,火狐私有。

键盘事件 
keypress、keydown、keyup 
keydown可以检测到键盘所有,包括实体键,已经辅助键【ctrl,shift,alt,f1…】 
keypress只能检测到实体键【字符,字母,数字,符号,空格】,并且可以检测出字母大小写,检测你所按的键e.keyCode

触屏事件 
touchstart,手指按下屏幕触发 
touchmove,手指在屏幕上滑动 
touchend,手指离开屏幕触发 
touchcancel,触屏事件取消 

动画事件
缩放 pinchstart 缩放手势起点 
pinchend 缩放手势终点 
pinch 缩放手势 
pinchin 收缩 
pinchout 放大 
旋转 rotateleft 向左旋转 
rotateright 向右旋转 
rotate 旋转 
滑动 swipestart 滑动手势起点 
swiping 滑动中 
swipeend 滑动手势终点 
swipeleft 向左滑动 
swiperight 向右滑动 
swipeup 向上滑动 
swipedown 向下滑动 
swipe 滑动 
拖动开始 dragstart 拖动屏幕 
拖动 drag 拖动手势 
拖动结束 dragend 拖动屏幕 
拖动 drag 拖动手势 
长按 hold 长按屏幕 
敲击 tap 单击屏幕

表单事件 
onchange[表单下拉列表元素改变时], 
oninput[文本框输入时] 
onsubmit[表单提交时] 
onfocus[获取焦点] 
onblur[失去焦点]

事件绑定 的两种方式。 
on和addEventListener() 
1、on事件绑定 
通过on这种方式绑定的事件可以通过,可以通过设置为NULL来移除。 
on事件只能添加到事件的冒泡阶段。 
2、addEventListener() 
通过addEventListener(type,handle,boolean)这种方式绑定的事件可以通过removeEventListener(type,handle,boolean)来移除事件。boolean为false绑定到事件的冒泡阶段。为true绑定到事件的捕捉阶段。

事件冒泡与捕捉 
阻止冒泡: 
通过on这个方式绑定的事件,使用e.cancelBubble = true; 
addEventListener 使用e.stopPropagation()阻止事件传播

阻止默认事件 
1、return false; 
2、event.preventDefault;

这可能不是最详细的,但是这都是最常用的。

以上就是对JavaScript中的事件的分类的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号