对于已经创建的对象(DOM节点,某个小部件[widget],或是某个特效对象),我们可以将事件处理器绑定在其上,并以其作为事件发布者。但如果我们不知道要绑定的对象是否已经被创建时,我们就会需要用到Dojo的publish和subscribe(pub/sub)框架了。pub/sub使我们可以将某个处理器注册(或称之为“订阅”[subscribe])到某个“主题”(一个具有多个事件触发源的事件的特定名称,可用字符串表示),我们所注册的处理器将在该绑定“主题”被发布时被触发调用。
假设我们正在开发某一个应用,其中需要创建一些按钮来告知用户相应的行为。我们既不想重复的写这一通知程序,也不希望通过在按钮中写入内嵌对象来实现事件注册。那么最好的方法就是使用pub/sub:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>测试用例</title> <style type="text/css"> @import "dojo/dojo/resources/dojo.css"; @import "dojo/dijit/themes/tundra/tundra.css"; *{margin:0;padding:0;font-size:11pt;font-family:微软雅黑;} button{width:200px;height:30px;} </style> <script type="text/javascript" djConfig=" isDebug: false" src="dojo/dojo/dojo.js"></script> </head> <script type="text/javascript"> require(["dojo","dojo/topic","dojo/dom","dojo/domReady!"],function(dojo,topic,dom) { var $createBtn=dom.byId("createButton"); dojo.connect($createBtn,"onclick",function(evt) { var $subBtn=dojo.create("button",{innerHTML:"subButton"},$createBtn,"after"); //当点击$create dojo.connect($subBtn,function(evt) { topic.publish("show","click me!"); }); }); topic.subscribe("show",function(text) { alert(text); }); }); </script> <body class="tundra"> <button id="createButton">click</button> </body> </html>