-
var eventUtil={ getEvent:function(event){ return event?event:window.event; //非IE:event IE:window.event }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ return event.target || event.srcElement; //非IE:event.target IE:event.srcElement }, preventDefault:function(event){ //判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,当if(方法函数())时会出现不可预料的结果 if(event.preventDefault){ event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE属性处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE属性处理 } }查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 例:function show(event){……} 参数event接收的就是事件传过来的对象 事件对象EVENT ①DOM中的事件对象 属性 (1)type属性用于获取事件类型 (2)target属性用于获取事件目标 (3)stopPropagation()方法 用于阻止事件冒泡 (4)preventDefault() 方法 阻止事件的默认行为 ②IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.srcElement 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法查看全部
-
第二种添加事件的方法 btn.onclick=function(){}查看全部
-
<body> <input type="button" id="btn1" value="按钮1"> <script> function message(){ alert("aaaa"); } //将功能封装在一个对象上--------例子:给按钮添加点击事件 var eventUtil={ //添加句柄 addHandler: function (element, type, handler) { if(element.addEventListener){ //判断能否适用dom 2级事件 element.addEventListener(type,handler,false); }else if(element.attachEvent){ //判断能否适用IE事件 element.attachEvent('on'+type,handler); }else{ element['on'+type]=hander; //element.onclick===element['onclick'] } //删除句柄同理 } } eventUtil.addHandler(btn1,'click',message);//调用方法 eventUtil.removeHandler(btn1,'click',message); </script> </body>查看全部
-
事件处理程序 1、HTML事件处理程序(缺点多,已摒弃) 直接在元素上添加事件 <input type="button" onclick="message()">………… function message(){…………} 2、DOM 0级事件: (目前用的较多) 在JS上获取元素对象再绑定事件 (1)通过var btn=document.getElementById('btn')获取元素; (2)通过btn.onclick=function(){alert('Hello')}在元素上添加事件;查看全部
-
IE11已经删除废除了attachEvent,可用addEventListener; element.onclick===element['onclick'],中括号与点表达相同含义,不能用点连接字符串。查看全部
-
DOM 2级事件处理程序无法删除匿名函数,只有将匿名函数命名化或赋值化才可以删除查看全部
-
未加键盘代码 !查看全部
-
console查看全部
-
keycoden 键盘键位查看全部
-
onkeyup查看全部
-
setInterval 定时器查看全部
-
点击 onmouseover 获取光标 X Y 坐标 边框移动 x=光标X-边框left y=边框Y-边框hig 边框坐标=(边框left-x,边框Y-y) onmouseup=null查看全部
-
onmouseover 移动查看全部
-
onmouseup 释放查看全部
举报
0/150
提交
取消