-
DOM2级事件处理程序查看全部
-
终于知道了为什么下面的写法能起兼容性的作用了：在浏览器console中输入下面两个方法，可以发现，如果当前浏览器支持，会返回一个对象；而如果当前浏览器不支持，调用函数的时候会返回undefined，而undefined在bolean中是属于false的！！！ if(addEventListener){......} else if(attachEvent){......}查看全部
-
回车键13，空格键32，向下方向键40，向上方向键38，向左方向键37，向右方向键39，shift键16，ctrl键17，alt键18查看全部
-
事件处理程序解决IE的兼容问题查看全部
-
兼容IE和其他主流浏览器的----事件流监听程序------ if(document.all){ btn.attachEvent("onclick",showMessage); //兼容IE 6、7、8 btn.detachEvent("onclick",showMessage);//删除IE下的事件监听程序 } else{ btn.addEventListener("click",showMessage,false); //兼容主流浏览器 btn.removeEventListener("click",showMessage,false);//删除事件监听程序 }查看全部
-
dom2级事件处理程序查看全部
-
事件流：事件冒泡和事件流的两个定义查看全部
-
onmousedown--当用户按下鼠标时触发 onmouseup---当用户放掉鼠标时触发 onmousemove---鼠标在移动时可以返回一个坐标值 offsetWidth,offsetHeight--网页中获取网页内容高度和宽度，可以用于获取网页中盒子的高度和宽度 用法：box.offsetWidth,box.offsetHeight查看全部
-
IE事件处理程序<br><br> IE也提供了类似DOM0级和DOM2级事件处理程序<br><br> attachEvent()--------添加事件<br><br> detachEvent()--------删除事件<br><br> 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。<br><br> 去掉了布尔值，不使用第三个参数的原因:<br><br> --IE8以及更早的浏览器版本只支持事件冒泡！<br><br> 在ie下给btn3添加事件<br><br> <br><br> btn3.attachEvent('onclick',showMes);<br><br> 主意：在ie事件处理程序上，又要把on加上<br><br> btn3.detachEvent('onclick',showMes);<br><br> 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。<br><br> <br><br> * 封装跨浏览器事件处理程序 *<br> 事件的点击等操作的等价element.onclick===element['onclick']; var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addHandleListenter(type,handler,false); } else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, //删除句柄 removehandler：function(element,type,handler){ if(element.romoveEventListener){ element.romoveHandleListenter(type,handler,false); } else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } };查看全部
-
var banana = document.getElementById("banana"); banana.addEventListener('click',showmessage,false);查看全部
-
apple.onclick = null;查看全部
-
var apple = document.getElementById("apple"); apple.onclick = function(){ alert("这是通过DOM0级的程序"); };查看全部
-
DOM2和DOM0级共同优点：可以给一个元素上添加多个事件处理程序，会按照顺序执行。 DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。 DOM2级事件处理程序：定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】（通过前者添加的事件，只能通过后者删除。如obj.click= null无效） 3个参数：要处理的事件名、作为处理时间处理程序的函数及一个boolean（true---表示在捕获阶段调用事件处理程序，false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false）. 如：object.addEventListener("click",function(){},false);查看全部
-
DOM0级事件处理程序 （用得比较多）：先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
HTML事件处理程序，现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
举报
0/150
提交
取消