`
kongxiantao
  • 浏览: 108487 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Event 接口

阅读更多

今天终于找到事件这个接口,以前经常见,却不了解。今天在JavaScript权威指南上终于找到了。

 

Event接口包括两个子接口UIEvent和MouseEvent。

 

Event接口定义了如下的属性,注意这些属性只读的。

 

type:发生事件的类型。如“click”

 

target:发生事件的节点

 

currentTarget:发生当前正在处理的事件(如当前正在运行的事件句柄的节点)

 

eventPhase:一个数字,指定了当前事件传播过程的阶段。他的值是个常量。可能包括Event.CAPTURING,Event.AT_TARGET或Event.BUBBLING_PHASE

 

timeStamp:一个Date对象,声明了事件何时发生

 

bubbles:一个布尔值,声明改事件是否在文档书中气泡

 

cancelable:一个布尔值,声明事件是否具有能用preventDefault()方法取消默认动作

 

此外,Event接口还定义的两个方法:stopPropagation()和preventDefault()

 

MouseEvent接口继承了Event接口的所有属性和方法,还定义了一下属性:

 

button:一个数字。0表示左键,1表示中间键,2表示右键,这个属性只有在鼠标键状态改变时使用

 

altKey,ctrlKey,metaKey,shiftKey:是否按住了Alt,Ctrl,Meta,Shift.

 

clientX,clientY:这两个属性表明鼠标指针相对于客户区或浏览器窗口的X坐标和Y坐标,注意这两个坐标不考虑文档滚动。

 

screenX,screenY:这两个属性声明了鼠标相对于用户显示器左上角x坐标和y坐标。

 

relatedTarget:该属性引用于事件的目标节点相关的节点,只对mouseover和mouseout事件有用。

0
1
分享到:
评论

相关推荐

    Android代码-EventBus-Apt

    在定义Event接口的Module添加,以便于生成Event接口的代理 annotationProcessor 'com.shizhefei:eventbus-compiler:1.2.1' 在Application初始化 //是否支持跨进程的事件,false表示不支持跨进程 EventBus.

    JavaScript王者归来part.1 总数2

     13.3.5.1 Event接口的属性和方法   13.3.5.2 UIEvent接口的属性   13.3.5.3 MouseEvent接口的属性   13.3.5.4 MutationEvent接口   13.3.6 混合事件模型   13.3.7 合成事件   13.4 浏览器的事件处理...

    javascript完全学习手册2 源码

    10.3.5 Event接口和对象 10.4 IE事件模型 10.4.1 IEEvent对象 10.4.2 IE的事件传播 10.5 常用事件 10.5.1 鼠标事件 10.5.2 键盘事件 10.5.3 表单事件 10.5.4 编辑事件 10.5.5 页面事件 第11章 ...

    javascript完全学习手册1 源码

    10.3.5 Event接口和对象 278 10.4 IE事件模型 280 10.4.1 IE Event对象 280 10.4.2 IE的事件传播 281 10.5 常用事件 282 10.5.1 鼠标事件 282 10.5.2 键盘事件 286 10.5.3 表单事件 291 10.5.4 编辑事件 295 10.5.5 ...

    事件模型在各浏览器中存在差异

    该接口提供了 ‘addEventListener’ 和 ‘removeEventListener’ 方法,用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。 DOM 2 Events 中定义了 Event 接口,用来提供事件的上下文信息,它提供了若干...

    DOM 中的事件处理介绍

    该接口提供了 ‘addEventListener’ 和 ‘removeEventListener’ 方法,用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。 DOM 2 Events 中定义了 Event 接口,用来提供事件的上下文信息,它提供了若干...

    event-sender:提供一个EventSender原型以发送服务器发送的事件(sse),该事件已由EventSource接口使用

    事件发送者提供一个EventSender原型以发送服务器发送的事件,该事件已由EventSource接口使用。安装npm install --save event-sender用法使用HTTP响应对象(例如ExpressJS res参数)初始化EventSender对象: var ...

    模拟鼠标操作.zip

    windows模拟鼠标操作,C语言程序,调用mouse_event接口,程序里面还有打开网页的操作和模拟键盘的操作

    BIRT_event_handler_reference

    BIRT 实现event hander 接口,使用java代码重写open,fetch,close代码实现data set。

    海康平台Http接口帮助文档+示例

    海康平台集成接口,包括视频、门禁、车辆等。iVMS-8700_V2.9.1和iVMS-5000_V6.9平台SDK

    coroutine_event.zip

    在libevent的基础上提供同步的接口,在获得异步效率的同时提供更方便的编程方式,即提供基于协程的并发模型。 green化 将IO对象进行改造以能和协程进行配合。在某种意义上,协程与线程的关系类似于线程与进程的关系...

    input_event:Elixir与Linux输入事件的接口devinputevent *

    InputEvent Elixir与Linux输入事件设备的接口。 使用input_event ,您可以找出连接了哪些键盘,操纵杆,鼠标,触摸屏等获取有关它们可以产生哪些事件的信息获取发送给您的解码事件该库旨在与Nerves一起使用。 如果您...

    前端开源库-stampit-event-bus

    前端开源库-stampit-event-busstampit事件总线,一个简单的stampit事件总线接口。

    elm-event:Elm 接口到 EventSource

    eventSource = " /event-source " port message : Signal Message port message = Event . listen [ " message " " error " ] eventSource toHtml : Message -> Html toHtml ( name , id , data ) = div [ class ...

    通过okhttp调用SSE流式接口,并将消息返回给客户端(源码)

    通过一个完整的java示例来演示如何通过okhttp来调用远程的sse流式接口 背景:我们有一个智能AI的聊天界面,需要调用三方厂商的大模型chat接口,返回答案(因为AI去理解并检索你的问题的时候这个是比较耗时的,这个...

    express-eventstream:服务器发送的Express事件

    Express EventStream 一个用于轻松创建将事件流传输到客户端的Web端点的库。 这些端点表示 ,因此可以使用在Web浏览器中轻松使用。 该库支持 ,这意味着它可以与或一起使用,以方便扩展。例子-每秒在“时钟”通道上...

    event.c:c 实现的简单 PubSub 模式

    应用程序接口以下是“event.c”当前提供的公共api。dict_t *event_init(); 初始化事件池,并返回。 dict_t *event_pool = event_init();void event_deinit() 释放活动池。 event_deinit ();void event_register(char...

    dom-event-handler:通用DOM事件处理程序,为类方法实现EventListener接口

    实现类方法的接口的通用DOM事件处理程序。 在浏览器中效果很好。 在Node.js生态系统中效果不佳。 安装 $ npm install dom-event-handler 用法 const DOMEventHandler = require ( "dom-event-handler" ) class ...

    全网最易部署,响应速度最快的ChatGPT环境 PHP版调用OpenAI接口进行问答和画图,采用Stream流模式通信

    支持错误处理,OpenAI接口返回错误时可以看到具体原因。 可以实现区分内外网IP,内网直接访问,外网通过BASIC认证后可访问。 可以实现页面输入自定义API_KEY使用,方便分享给网友或朋友使用。 服务器自动记录所有...

    nestjs-event-store:用于EventStore.org的NestJS CQRS模块。 它需要@nestjscqrs

    NestJS CQRS模块,支持EventStore.org和NATS流。 它需要@ nestjs / cqrs。 安装 $ yarn add @juicycleff/nestjs-event-store $ yarn add node-nats-streaming node-eventstore-client 描述 该模块旨在通过支持kafka...

Global site tag (gtag.js) - Google Analytics