Ejemplo 2
En este ejemplo establecemos tres eventos distintos: click, mouse.enter y mouse.leave. Al hacer clicksobre myButton establecemos el color de fondo en azul. Al pasar el ratón por myDiv establecemos el color de fondo en rojo y la salir de myDivlo elimina.
<button id="myButton">Click me!</button>
<div id="myDiv">Hover over me!</div>
<br /><br />
<!-- load dojo and provide config via data attribute -->
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async: true"></script>
<script>
require(["dojo/on", "dojo/dom", "dojo/dom-style", "dojo/_base/lang", "dojo/mouse", "dojo/domReady!"],
function(on, dom, domStyle, lang, mouse) {
var myButton = dom.byId("myButton"),
myDiv = dom.byId("myDiv");
on(myButton, "click", function(evt){
domStyle.set(myDiv, "backgroundColor", "blue");
});
on(myDiv, mouse.enter, function(evt){
domStyle.set(myDiv, "backgroundColor", "red");
});
on(myDiv, mouse.leave, function(evt){
domStyle.set(myDiv, "backgroundColor", "");
});
});
</script>