javascript 事件-2（事件类型）

网页事件详解

xyuwe

于 2014-12-25 20:23:58 发布

阅读量153

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript ui ViewUI

本文链接：https://blog.youkuaiyun.com/xyuwe/article/details/84692930

11 篇文章

订阅专栏

本文详细介绍了网页开发中常见的各类事件，包括UI事件、焦点事件、鼠标与滚轮事件、键盘与文本事件等，并提供了具体事件类型的解释及部分事件的属性说明。

事件类型

1 UI 事件

2 焦点事件

3 滚轮事件

4 文本事件

5 键盘事件

6 合成事件

7 变动事件

8 变动名称事件

ui事件

load ，, unload , abort , error , select , resize , scroll,

焦点事件

blur , focus, focusin , focusout

鼠标与滚轮事件

click,dbclick , mousedown,mousemove,mouseout,mouseover,mouseup,

//click事件
//鼠标坐标位置
event.clientX  ,event.clientY
//页面坐标位置
event.pageX , event.pageY

//屏幕坐标位置
event.screenX, event.screenY

键盘与文本事件

keydown, keyup

event.keyCode 键码

html5 事件

contextmenu, beforeunload, DomContentLoaded,readystatechange, pageshow,pagehide,haschange

设备事件

orientationchange 横竖屏切换(iOS),MozOrientation, deviceorientation , devicemotion ,

设备触摸和手势事件

触摸事件

touchstart,touchmove,touchend,touchcancel,

手势事件

gesturestart,gesturechange,gestureend.