MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added an OnEscape helper function to capture when the escape key is pressed on an element quickly.

Browse Source
This commit is contained in:
MattMo 2025-05-27 18:24:00 -07:00
parent ed49ad1392
commit cd4c5b43d7
1 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
ignite-template.js
View File

@ -763,6 +763,54 @@ class IgniteTemplate {
return this;
}
/**
* Adds a on escape key press event handler to this template.
* @param {Function|IgniteProperty} eventCallback The callback function to be invoked by the event once it fires.
* @returns {IgniteTemplate} This ignite template so function calls can be chained.
*/
onEscape(eventCallback) {
var eventName = "keydown";
if (!this._events[eventName]) {
this._events[eventName] = [];
}
if (eventCallback instanceof IgniteProperty) {
this._callbacks.push(eventCallback.attachOnChange((oldValue, newValue) => {
//Create a new wrapped function to check for the escape key being pressed.
var wrapped = (e) => {
if (e.key === 'Escape') {
newValue(e);
}
};
eventCallback._value = wrapped; //Store the wrapped function into the property so we can remove it later
this.onEventChanged(oldValue, wrapped, eventName); //Invoke event changed with the old value and wrapped one.
}));
//Create the initial wrapper
var target = eventCallback._value;
var wrapped = (e) => {
if (e.key === 'Escape') {
target(e);
}
};
//Store the wrapped so that it's the old value next time around.
eventCallback._value = wrapped;
this._events[eventName].push(wrapped);
} else {
this.on(eventName, (e) => {
if (e.key === 'Escape') {
eventCallback(e);
}
});
}
return this;
}
/**
* Adds a on backspace key press event handler to this template.
* @param {Function|IgniteProperty} eventCallback The callback function to be invoked by the event once it fires.