JSFiddle - React, Tailwind, and code Playground

dojo/on event delegation example

by kfranqueiro

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/document.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<ul id="list">
</ul>

JavaScript

require([
    "dojo/on",
    "dojo/dom",
    "dojo/dom-construct",
    "dojo/query", // for event delegation w/ on to work
    "dojo/domReady!"
], function(on, dom, domConstruct){
    var list = dom.byId("list");
    on(list, "li:click", function(evt) {
        console.log("item clicked: " + this.innerHTML); // this == li
    });
    
    domConstruct.create("li", { innerHTML: "foo" }, list);
    domConstruct.create("li", { innerHTML: "bar" }, list);
});