-
IE9浏览器之前的ie版本不能支持dom2，为了跨浏览器支持，需要用ie自己的一套。只需要两个参数，因为只支持事件冒泡(ie8以及更早的版本）。 不同浏览器的事件兼容问题 事件绑定： FF：变量名.addEventListener(“事件方法”,函数名,true/false); FF：变量名.addEventListener(“click”,fun1,true); IE：变量名.attachEvent(”事件方法”,函数名) IE：变量名.attachEvent(“onclick”,fun1); 事件移除： FF：变量名.removeEventListener(“click”,evt,true); IE：变量名.detachEvent(“onclick”,evt); 获取事件对象FF||IE： evt=evt||window.event; 获取事件对象目标对象FF||IE： targetElement=evt.target||evt.srcElement; 阻止浏览器默认行为： FF：event.preventDefault(); IE：window.event.returnValue=false; 阻止冒泡： FF：event.stopPropagation(); IE：window.event.cancelBubble=true;查看全部
-
可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。但注意绑定多个函数只能通过dom2级来实现。查看全部
-
通过addEventListener添加的事件只能通过removeEventListener来删除。查看全部
-
2级事件处理程序中的三个参数。其中布尔值true表示捕获，false表示冒泡。大部分情况下使用false，可以兼容各种浏览器。查看全部
-
添加事件处理程序的三种方法。查看全部
-
事件捕获机制。同事件冒泡是相反的。查看全部
-
事件冒泡的机制。查看全部
-
5-1 编程挑战 一、 点击菜单中的向下三角展开菜单 提示: 1、点击三角时需阻止事件冒泡 二、 展开菜单之后，在document对象上绑定keyup事件,按下向下方向键，选中下一个选项，按下向上方向键，选中上一个选项，按下回车键菜单收起，显示选中项 提示: 1、 声明一个全局的index变量初值为-1 2、 按下向下方向键时index递增，当递增至大于等于菜单选项的总数时恢复为0 3、 按下向上方向键时判断index，如若小于等于0则设为菜单选项的总数，之后递减index 4、 根据index值将对应的选项设为当前（灰色背景） 5、 按下回车键时将对应选中的选项设为菜单标题，且将所有选项设为无背景，index恢复为-1，菜单收起 注意：没有任何选项被选中时，按下回车键不做任何操作 三、鼠标滑过每个选项时高亮显示，离开时去掉背景，点击高亮选项时菜单标题改变 提示: 1.遍历所有a标签，绑定鼠标点击的事件 注意：要考虑到浏览器兼容，使用innerHTML，不要使用innerText 四、点击页面空白处收起菜单 提示: 1.绑定在document对象上查看全部
-
event对象的keyCoden属性用于得到键盘对应键的键码值查看全部
-
4-5 抽奖系统（下） 注意：每次都要清理定时器clearInterval(timer); keycode 键码（http://www.cnblogs.com/DareOnly/archive/2009/02/26/1398928.html） keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape Escape keycode 32 = space space keycode 33 = Prior keycode 34 = Next keycode 35 = End keycode 36 = Home keycode 37 = Left keycode 38 = Up keycode 39 = Right keycode 40 = Down查看全部
-
4-4 抽奖系统（上） keyDown:当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件 keyUp:当用户释放键盘上的键时触发查看全部
-
4-3 QQ面板状态切换效果 QQ面板的切换效果: //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 吧其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 则要注意--------给它们加上阻止冒泡查看全部
-
4-2 QQ面板拖拽效果（下） 还有个移出浏览器区域的bug,在热区按下后不松移动鼠标直到出浏览器区域然后再回来，登录框会跟随（已经释放鼠标按键） onmouseup：当用户释放鼠标时触发事件 事件=null 卸载事件查看全部
-
2、IE中的事件对象（IE中event对象为window.event) (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
1. DOM中的事件对象中的常用属性 (1). type属性用于获取事件类型 (2). target属性用于获取事件目标 (3). stopPropagation()方法 用于阻止事件冒泡 (4). preventDefault() 方法 阻止事件的默认行为查看全部
举报
0/150
提交
取消