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

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

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

核心提示： 清单 4<html><body><inputid="btn"type="button"value="hello"/><p/><inputid="rme"type=

清单 4

　<html>　　<body>　　<input　id="btn"　type="button"　value="hello"　/><p　/>　　<input　id="rme"　type="button"　value="remove"　/>　　<script>　　function　sayHello(event)　{　alert("hello");　};　　function　sayWorld(event)　{　alert("world");　};　　function　remove()　{　　btn.removeEventListener("click",　sayHello,　false);　　btn.removeEventListener("click",　sayWorld,　false);　　}　　var　btn　=　document.getElementById('btn');　　btn.addEventListener("click",　sayHello,　false);　　btn.addEventListener("click",　sayWorld,　false);　　document.getElementById('rme').addEventListener("click",　remove,　false);　　</script>　　</body>　　</html>

清单 4 是使用 DOM Level2 定义的事件模型的例子，在这个例子中，首先为 hello 按钮的 click 事件注册了两个事件处理函数，分别用来显示“ hello ”和“ world ”警示框。然后为 remove 按钮的 click 事件处理了一个事件处理函数，用来删除注册在 hello 按钮上的事件处理函数。例子很简单，但是足够说明 DOM Level2 中的事件处理机制。

addEvenetListener(/*String*/eventName, /*function*/handler, /*bool*/useCapture)

为某一 HTML 元素注册事件处理函数，eventName：该元素上发生的事件名； handler：要注册的事件处理函数，useCapture：是否在捕获阶段调用此事件处理函数，一般为 false，即只在事件的冒泡阶段调用这一事件处理函数。

上一页 1 2 3 4 5 6 7 8 9 下一页