开发学院软件开发 Java 掌握 Dojo 工具包，第 3 部分: Dojo 事件机制阅读

掌握 Dojo 工具包，第 3 部分: Dojo 事件机制

　2009-11-05 00:00:00　来源：WEB开发网　　　

核心提示： <html><head><scripttype="text/javascript"djConfig="parseOnLoad:true,isDebug:true"src="../dojo/dojo/dojo.js&q

　<html>　　<head>　　<script　type="text/javascript"　　djConfig="parseOnLoad:　true,　isDebug:　true"　　src="../dojo/dojo/dojo.js"></script>　　</head><body><script>　　function　$(id)　{　return　document.getElementById(id);　}　　function　handler(eventObj)　{　　console.info("eventType="　+　eventObj.type　+　";　node="　　　+　eventObj.target.id　+　";　currentTarget="　　　+　eventObj.currentTarget.id);　　//if　Shift　Key　pressed　　if　(eventObj.shiftKey)　{　　　//stop　bubbling　　　eventObj.stopPropagation();　　}　　}　　function　handler2(eventObj)　{　console.info("this　is　for　test");　}　　function　connect()　{　　dojo.connect($("book"),　"click"　,　handler);　　dojo.connect($("cpp"),　"click"　,　handler);　　dojo.connect($("b1"),　"mouseover"　,　handler);　　dojo.connect($("b1"),　"mousedown"　,　handler);　　dojo.connect($("b1"),　"click"　,　handler);　　dojo.connect($("b2"),　"click"　,　handler);　　dojo.connect($("b2"),　"click"　,　handler2);　　dojo.connect($("b3"),　"click"　,　handler);　　}　　dojo.addOnLoad(connect);　　</script>　　<div　id="book">　　<ol　id="cpp">　　　<li　id="b1">C++　primer</li>　　　<li　id="b2">Thinking　in　C++</li>　　　<li　id="b3">Inside　C++　object　model</li>　　</ol>　　</div>　　</body>　　</html>