在元素上綁定events，需要引用包dojo/on，通過on方法來實現。 <button id="myButton">Click me!</button> <div id="myDiv">Hover over me!</div>

require(["dojo/on","dojo/dom", "dojo/dom-style","dojo/mouse", "dojo/domReady!"], ????function(on, dom, domStyle, 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"); ????????}); ??????? var handler = on(myDiv, mouse.leave,function(evt){ ????????????domStyle.set(myDiv,"backgroundColor", ""); ????????});
??????? handler.remove();//移除event
???????
??????? on.once(myDiv, mouse.leave, function(evt){????????????domStyle.set(myDiv,"backgroundColor", "");????????}); });

on方法不需要前綴。包括三個參數。
第一個：需要綁定events的元素
第二個：event名稱
第三個：處理event的方法體，這個方法體有只一個參數，為event的對象，包括一些屬性和方法，如果需要傳遞其他參數，將在后面講到。
方法on的返回值是一個簡單的對象，只有一個remove方法，執行這個方法，元素就會移除這個event。
還有一個方法on.once(element,event name,handler)，參數同on一樣，這個方法顧名思義就是只執行一次，在執行了handler后將會自動remove。
一個元素可以綁定多個events，每個event按照綁定的先后順序來執行的。

總結

以上是生活随笔為你收集整理的dojo中的dojo/on的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。