Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including event-twister with all npm packages installed. Try it out:

var eventTwister = require("event-twister")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

event-twister v2.0.1

Twist events at a dom

event-twister v2.0.2

Twist events at a dom

Note This library depends on jQuery and class-component

Event Twister

An event twister is a dom element which has the functionality to "twist" an event which is triggered on the element into the other type of events.

For example an event twister, <div class="event-twister" twist="click: foo;"></div>, twists the click events on it into foo events.

See the section below for actual usage.


<script src="path/to/jquery.js"></script>
<script src="path/to/class-component.js"></script>

<script src="path/to/event-twister.js"></script>

<div class="event-twister" twist="click: foo; mouseover: bar; mouseout: baz;">...</div>

.event-twister class declares the element is an event twister. The twist attribute defines what events are "twisted" to other events. In this case, click event will be twisted to foo custom event, mouseover to bar event and mouseout to baz event. The syntax of the twist attribute is the same as css style properties.

See the DEMO



RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free