-
键盘事件 keyDown 当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 keyPress 当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件 keyUp 当用户释放键盘上的键时触发查看全部
-
document.getElementByClassName()不支持IE10之前的浏览器查看全部
-
事件对象--触发DOM事件时产生的的一个对象 事件对象--event DOM事件中的事件对象 *type属性：用于获取事件类型，如click *target属性：用于获取事件的目标 *stopPropagation（）方法：用于阻止事件冒泡（从具体往上） propagation英 [ˌprɒpə'ɡeɪʃn] 美 [ˌprɑpəˈɡeʃən] n. 宣传; 传播，传输，蔓延，扩展，波及深度; 〔生〕繁殖法，〔地〕传导; 培养; *preventDefault（）方法：用于阻止事件的默认行为 <a href='#'>超链接</a> IE中的事件对象 *type属性：用于获取事件类型，如click *srcElement属性：用于获取事件的目标 event = event || window.event; //非IE用event,IE8前的用window.event var ele = event.target||event.srcElement; *cancelBubble属性：用于阻止事件冒泡 设置为true表示阻止事件冒泡 设置为false表示不阻止事件冒泡 *returnValue属性：用于阻止事件的默认行为 设置为false表示阻止事件的默认行为查看全部
-
跨浏览器的事件处理程序（能力检测）封装在对象内 var eventUtil = { //添加句柄 其中type = 'click' addHandler:function(element,type,handler){ if(element.addEventListener){//DOM2 element.addEventListener(type,handler,false); }else if(element.attachEvent){//IE element.attachEvent('on'+type,handler); }else{//DOM0 element['on'+type] = handler; } }， //删除句柄 其中type = 'click' removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type] = null; } } } evenUtil.addHandler(btn,'click',showMes); evenUtil.removeHandler(btn,'click',showMes);查看全部
-
1、js中不允许使用“-”作为变量 2、obj.getAttribute('自定义的属性');查看全部
-
事件处理程序查看全部
-
onmousedown onmousemove onmoveseup event.clientX event.clientY查看全部
-
event(IE) event.type event.srcElement event.cancelBubble=true;// 阻止冒泡 event.returnValue=false;// 停止默认行为查看全部
-
event(DOM) event.type event.target event.stopPropagation();// 停止冒泡 event.preventDefault();// 阻止默认行为查看全部
-
ie事件处理程序，attachEvent/detachEvent attachEvent(' onclick', func);//冒泡事件 detachEvent(' onclick', func); 类似dom2级 跨浏览器能力检测 1.addEventListener 2.attachEvent 3.用dom0级查看全部
-
dom2级事件处理程序，addEventListener/removeEventListener addEventListener('click',func,false);//true为捕获事件，false为冒泡事件 removeEventListener('click',func,false); 创建的dom2级事件必须用dom2级方法删除，此时不能用匿名函数 （dom2级方式）可以为同一事件添加多个处理程序，依次执行 ie不支持该方式查看全部
-
dom0级事件处理程序，将处理函数赋值给元素的事件处理属性 btn.onclick=func; btn.onclick=null;//删除查看全部
-
html处理程序，直接在html标签中用onclick等属性添加的查看全部
-
事件流 事件冒泡，从具体元素到父元素（ie） 事件捕获，从document到具体元素（Netscape）查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id="three" name="anniu3">按钮3</button> <script> function a(){ alert("我们是中国人!"); } var c=document.getElementById("three"); var newABC={//跨浏览器事件处理程序 1.封装一个js对象 abc1:function(x1,y1,z1){// 2.封装一个添加事件处理程序的方法 if(x1.addEventListener){//适用谷歌 3.利用流程控制语句,判断各种浏览器所支持的事件处理程序语法 x1.addEventListener(y1,z1,false); }else if(x1.attachEvent){//适用IE x1.attachEvent("on"+y1,z1); }else{ x1["on"+y1]=z1;//通用 } }, abc2:function(x1,y1,z1){// 4.写删除事件的方法 if(x1.removeEventListener){ x1.removeEventListener(y1,z1,false); }else if(x1.detachEvent){ x1.detachEvent("on"+y1,z1); }else{ x1["on"+y1]=null; } } } newABC.abc1(c,"click",function(){// 5.通过封装的对象调用封装的方法,来处理需要的事件 alert(this.name); }); </script> </body> </html>查看全部
举报
0/150
提交
取消