domnom
A limited collection of JavaScript DOM prototype extensions.
Installation
npm install domnom
Usage
Include the script.
<script src="domnom.min.js"></script>
Use familiar DOM syntax.
document.querySelector('.comment').addEventListener('keyup', 'keydown', key_handler);
Building
npm install
npm run build
API Reference
EventTarget
addEventListener(...type, listener, [options], [useCapture]) ⇒ - allows adding the same listener for multiple event types in a single call
- allows chaining multiple calls
- overrides EventTarget.addEventListener
Param | Type | Description |
---|---|---|
...type | string |
One or more strings representing the event types to listen for. |
listener | function |
|
[options] | object |
|
[useCapture] | boolean |
element.addEventListener('click', click_handler);
element.addEventListener('keyup', 'keydown', keypress_handler);
xhr.addEventListener('error', 'abort', interruption_handler);
element
.addEventListener('keyup', keyup_handler)
.addEventListener('keydown', keydown_handler);
EventTarget
removeEventListener(...type, listener, [options], [useCapture]) ⇒ - allows removing the same listener for multiple event types in a single call
- allows chaining multiple calls
- overrides EventTarget.removeEventListener
Param | Type | Description |
---|---|---|
...type | string |
One or more strings representing the event types to remove the listener for. |
listener | function |
|
[options] | object |
|
[useCapture] | boolean |
element.removeEventListener('click', click_handler);
element.removeEventListener('keyup', 'keydown', keypress_handler);
xhr.removeEventListener('error', 'abort', interruption_handler);
input_element
.removeEventListener('keyup', keyup_handler)
.removeEventListener('keydown', keydown_handler)
.blur();
"activeelementchange"
An event dispatched by the document object whenever its activeElement
property changes.
document.addEventListener('activeelementchange', function(event) {
console.log(document.activeElement);
});
document.onactiveelementchange = function(event) {
console.log(document.activeElement);
});