JavaScript事件模型
本章学习目标: --事件模型介绍 --事件流 --事件处理程序 --事件处理程序的返回值 --event对象 --事件类型 事件的顺序即事件流。 不同的浏览器有不同实现事件流的方法。 事件冒泡(IE)。 事件捕获(NetsCape)。 DOM事件流(FireFox)。 事件冒泡: 事件捕获: DOM事件流 事件处理程序 传统事件处理程序指派方法 –被广泛支持 现代事件处理程序指派方法。 –只被现代浏览器支持。 –浏览器之间存在不兼容的问题。 传统事件处理程序指派方法。 一、取得id = div1的元素节点。 var div1 = document.getElementById("div1"); //设置元素节点的onclick属性 div1.onclick = function(){alert("div1 被点了");} 或 function divClick() {alert(‘点中’);} div1.onclick=divClick; 注意: 1、绑定事件处理程序时,后面不能加括号 2.必须确保在元素之后设置事件处理程序。 3.可在window.onload中指定处理程序。 二、在事件属性中指定 <div id="div1" onclick="alert("div1 被点了.");" ></div> 现代事件处理程序指派方法。 一、IE浏览器 var div1 =