events-polyfill

WebJar for events-polyfill

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

events-polyfill
Last Version

Last Version

2.1.2
Release Date

Release Date

Type

Type

jar
Description

Description

events-polyfill
WebJar for events-polyfill
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/lifaon74/events-polyfill

Download events-polyfill

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/events-polyfill/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>events-polyfill</artifactId>
    <version>2.1.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/events-polyfill/
implementation 'org.webjars.npm:events-polyfill:2.1.2'
// https://jarcasting.com/artifacts/org.webjars.npm/events-polyfill/
implementation ("org.webjars.npm:events-polyfill:2.1.2")
'org.webjars.npm:events-polyfill:jar:2.1.2'
<dependency org="org.webjars.npm" name="events-polyfill" rev="2.1.2">
  <artifact name="events-polyfill" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='events-polyfill', version='2.1.2')
)
libraryDependencies += "org.webjars.npm" % "events-polyfill" % "2.1.2"
[org.webjars.npm/events-polyfill "2.1.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Polyfill different events classes and methods to match last ES7 specifications

Tested on IE 10+

Install

npm i events-polyfill --save

For fast use import 'events-polyfill' (will import index.js).

[INFO] New release v2 that allow you to import specific polyfills only:

  • you can use webpack (or any bundler) to import only required polyfills from src/.
  • or you can import index.js (or index.min.js) at the root to polyfill everything.

src/constructors/*.js

Polyfill for : Event, CustomEvent, MouseEvent, KeyboardEvent, FocusEvent PointerEvent

src/ListenerOptions.js

Polyfill for the options argument of :

EventTarget.prototype.addEventListener(type, listener[, options]);
EventTarget.prototype.removeEventListener(type, listener[, options]);

options : last parameter which replace boolean useCapture

  • once : trigger only once this event (default: false)
  • passive : allow browser to continue animations (ex: while scrolling) by 'disabling' event.preventDefault() (default: false)
  • capture : replace useCapture (default: false)

Example:

document.addEventListener('click', function() {
    console.log('clicked once');
}, { once: true });

src/ListenerEventTypes.js

Polyfill for the type argument of :

EventTarget.prototype.addEventListener(type, listener[, options]);
EventTarget.prototype.removeEventListener(type, listener[, options]);

Polyfill vendor prefixed events like 'pointerlockchange' (try 'pointerlockchange', 'mozpointerlockchange' and 'webkitpointerlockchange') and some 'experimental' events like 'wheel' (try 'wheel', 'mousewheel', 'DOMMouseScroll')

  • [INFO] If option can't be polyfilled : throw an error (allow you to check is event type is supported)

Currently polyfilled types :

[
    'wheel',
    'pointerlockchange', 'pointerlockerror',
    'fullscreenchange', 'fullscreenerror',
    'animationend', 'animationiteration', 'animationstart', 'transitionend',
    'pointercancel', 'pointerdown', 'pointerhover', 'pointermove', 'pointerout', 'pointerover', 'pointerup'
]

Versions

Version
2.1.2