JSFiddle - React, Tailwind, and code Playground
Example of an extension event triggering on mouse clicks or enter keypresses
HTML
<div id="test" tabindex="0">Click here and/or press enter</div>
CSS
#test:focus {
outline: 1px dotted #000;
}
JavaScript
require([
"dojo/on",
"dojo/domReady!"
], function(on){
var count = 0,
div = document.getElementById("test");
function clickOrKey (node, listener) {
return on(node, "click,keydown", function(event) {
if (!event.keyCode || event.keyCode === 13) {
return listener.call(this, event);
}
});
}
on(div, clickOrKey, function () {
div.innerHTML = "Triggered " + (++count) + " times";
});
});