EventTarget

new EventTarget()

 

EventTarget是一个可以与DOM EventTarget具有相同API的类。 它增加了包含冗长功能的缩写功能。 例如:on函数是一个关于addEventListener的包装器。

See:
  • EventTarget Spec

Methods


addEventListener()

EventTarget#on的别名。 允许EventTarget模拟标准的DOM API。

See:
  • EventTarget#on

dispatchEvent()

EventTarget#trigger的别名。 允许EventTarget模拟标准的DOM API。

See:
  • EventTarget#trigger

off(type, fn)

 

将事件侦听器添加到EventTarget的实例。 事件侦听器是一个函数,当具有某个名称的事件被触发时,该函数将被调用。

Parameters:
Name Type Description
type string | Array.<string>

An event name or an array of event names.

fn EventTarget~EventListener

The function to remove.

on(type, fn)

 

将事件侦听器添加到EventTarget的实例。 事件侦听器是一个函数,当具有某个名称的事件被触发时,该函数将被调用。

Parameters:
Name Type Description
type string | Array.<string>

An event name or an array of event names.

fn EventTarget~EventListener

The function to call with EventTargets

one(type, fn)

此函数将添加仅触发一次的事件侦听器。 第一个触发器将被删除。 这就像在这个callEventTarget#off上添加一个EventTarget#的事件监听器。这就像添加一个 EventTarget#on事件侦听器,然后在自己上面调用EventTarget#off

Parameters:
Name Type Description
type string | Array.<string>

An event name or an array of event names.

fn EventTarget~EventListener

The function to be called once for each event name.

removeEventListener()

EventTarget#off的别名。 允许EventTarget模拟标准的DOM API。

See:
  • EventTarget#off

trigger(event)

此函数会导致事件发生。 这将导致任何等待该事件的事件监听器被调用。 如果事件没有事件监听器,则不会发生任何事件。

如果正在触发的事件的名称在EventTarget.allowedEvents_中。 触发器也将调用on + uppercaseEventName函数。

示例:'Click'在EventTarget.allowedEvents_中,因此如果触发器存在,触发器将尝试调用onClick。

Parameters:
Name Type Description
event string | EventTarget~Event |Object

The name of the event, an Event, or an object with a key of type set to an event name.

类型定义


Event

 

A Custom DOM event.

See:
  • Properties

EventListener(event, hashopt)

 

所有事件侦听器应遵循以下格式。

This:
  • {EventTarget}
Parameters:
Name Type Attributes Description
event EventTarget~Event  

the event that triggered this function

hash Object <optional>

hash of data sent during the event

videojs文档翻译-EventTarget的更多相关文章

  1. videojs文档翻译-api

    直播流地址 rtmp://live.hkstv.hk.lxdns.com/live/hks API 接口 (一)   Modules  模块 1)         browser :浏览器 2)    ...

  2. videojs文档翻译-Player(v6.0.0-RC.2)

    Player 当使用任何Video.js设置方法初始化视频时,将创建Player类的实例. 创建实例后,可以通过两种方式在全局访问: 调用videojs('example_video_1');直接通过 ...

  3. videojs文档翻译Guides-Plugins

    Video.js Plugins Video.js的一大优势在于其插件生态系统,允许来自世界各地的作者分享他们的视频播放器定制.这包括从最简单的UI调整到新的播放技术和资源处理程序的一切! 因为我们将 ...

  4. videojs文档翻译-SeekBar

    SeekBar 拖动条和进度条的容器. 使用PlayProgressBar作为其栏. 构造函数 new SeekBar(player, optionsopt) 创造此类的实例 Parameters: ...

  5. videojs文档翻译Guides-components

    components Components Video.js播放器的架构围绕组件. Player类和所有表示播放器控件和其他UI元素的类都继承自Component类. 这种架构使得可以轻松地以反映DO ...

  6. 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的

    感兴趣的同学可以关注这个翻译项目 . 我的博客原文 和 我的Github 前段时间翻译的Spring MVC官方文档完成了第一稿,相关的文章和仓库可以点击以下链接.这篇文章,主要是总结一下这个翻译项目 ...

  7. Hibernate 3.3.2 文档翻译 Day01

    Hibernate 3.3.2 文档翻译 翻译人:微冷的雨 第一次书写:2015年11月29日 本人呕心沥血之作,请细心阅读领悟! Day01-1.1 项目描述 微冷的雨翻译:例如,我们将要建立一个可 ...

  8. 一款开源免费跨浏览器的视频播放器--videojs使用介绍

    最近项目中的视频功能,需要做到浏览器全兼容,所以之前用html5实现的视频功能就需要进行改造了.在网上翻了个遍,试来试去,在所有的视频播放器中,就数它最实际了.首先我们来看看它的优点: 1.它是开源免 ...

  9. Flume官方文档翻译——Flume 1.7.0 User Guide (unreleased version)中一些知识点

    Flume官方文档翻译--Flume 1.7.0 User Guide (unreleased version)(一) Flume官方文档翻译--Flume 1.7.0 User Guide (unr ...

随机推荐

  1. TCP/IP协议 (图解+秒懂+史上最全)

    文章很长,建议收藏起来,慢慢读! 疯狂创客圈为小伙伴奉上以下珍贵的学习资源: 疯狂创客圈 经典图书 : <Netty Zookeeper Redis 高并发实战> 面试必备 + 大厂必备 ...

  2. CDQ分治(三维偏序集)

    排序,三关键字 去重 归并排序+树状数组 #include<bits/stdc++.h> using namespace std; #define re register int cons ...

  3. 【科普】MySQL中DDL操作背后的并发原理

    一. 简介 DQL:指数据库中的查询(select)操作. DML:指数据库中的插入(insert).更新(update).删除(delete)等行数据变更操作. DDL:指数据库中加列(add co ...

  4. 关于Ubuntu的超级管理员Root的切换及初始密码设置

    背景介绍 总有一些操作,可能需要更高的超级管理员权限才能进行,甚至才可见有些文件,所以在Linux中我们需要切换到Root用户,也就是对应的Windows的Administrator账户. 从当前用户 ...

  5. centos8 安装VNC配置远程连接

    系统信息 [root@centos8 ~]# cat /etc/redhat-release CentOS Linux release 8.1.1911 (Core) [root@centos8 ~] ...

  6. AcWing 828. 模拟栈

    实现一个栈,栈初始为空,支持四种操作: (1) "push x" – 向栈顶插入一个数x: (2) "pop" – 从栈顶弹出一个数: (3) "em ...

  7. css实现相框效果

    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>& ...

  8. CSS水平居中与垂直居中的方法

    一.水平居中 1.行内元素水平居中 在父元素里添加text-align:center即可.代码如下: <style> .container-1 { height: 50px; border ...

  9. 其他:Spring5.0框架源码导入IDEA

    1.下载Spring spring-framework-5.0.4.RELEASE下载地址:https://github.com/spring-projects/spring-framework/re ...

  10. Mybatis学习(8)动态sql语句

    Mybatis 的动态sql语句是基于OGNL表达式的.可以方便的在 sql 语句中实现某些逻辑. 总体说来mybatis 动态SQL 语句主要有以下几类: 1. if 语句 (简单的条件判断) 2. ...