aframe-event-set-component

aframe-event-set-component

An A-Frame component to register event listeners that set
properties.

Remix an example on Glitch

Try the example on Glitch

$3

The event set component can register multiple event handlers that set multiple
properties. Use double-underscores (__) to namespace individual
instances of the component. Alternatively, pass the event name via _event.

``html
event-set__1="_event: mouseleave; material.color: red">
`

| Property | Description | Default Value |
| -------- | ----------- | ------------- |
| _delay | Delay before setting (ms). | '' |
| _event | Event name. | '' |
| _target | Query selector if setting property on another entity. | '' |

_event and _target are prefixed with underscores to avoid name collisions
if case another component has event or target properties. Any key-value
property pairs provided beyond _event and _target will be what is set once
the event is emitted. Remember you can also specify an event name in the HTML
attribute in event-set__.

$3

#### Browser Installation

Install and use by directly including the browser files:

`html








event-set__click="material.color: red; scale: 2 2 2"
event-set__mouseenter="material.color: blue">



`

#### NPM Installation

Install via NPM:

`bash
npm install aframe-event-set-component
`

Then register and use.

`js
require('aframe');
require('aframe-event-set-component');
``