-
html事件处理程序查看全部
-
domo2级事件处理程序：addEventListener（“处理事件（去on）”，“处理函数”，true/false） removeEventListener（“处理事件”，“处理函数”，true/false） ie则是支持这种写法，需要用attachEvent（“处理事件”，“处理函数”），detachEvent（）。查看全部
-
addEventListener("click",function(){ },false); removeEventListener("click",function(){ },false);查看全部
-
IE中的事件对象：1.type属性用于获取事件类型2.srcElement属性用于获取事件的目标3.cancelBubble属性用于阻止事件冒泡（设置为true表示阻止冒泡，flase表示不阻止冒泡）4.retrueValue属性用于阻止事件的默认行为（设置为fasle表示阻止事件的默认行为）查看全部
-
1.IE事件处理程序：IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。去掉了布尔值，不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意：在ie事件处理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如：对象的点击事件element.onclick===element['onclick']查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
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属性查看全部
-
1.HTML事件处理程序 事件直接加在HTML结构里 如onclick事件写在input按钮里： <input type="button" value="按钮" id="btn" onclick="showMessage()> function showMessage(){ ...... } 缺点：HTML和JS代码紧密的耦合在一起（JS代码和HTML都需要进行修改）查看全部
-
事件流——从页面接收事件的顺序： IE——事件冒泡流 Netscape——事件捕获流 事件冒泡：事件最开始由最具体的元素（嵌套层次最深的节点）接收，然后逐级向上传播。 事件捕获：和事件冒泡相反。查看全部
-
当前浏览器宽度查看全部
-
stopPropagation拼写不要错 if(e.stopPropagation){e.stopPropagation();//注意，这里面写的是函数，要加（）；}查看全部
-
键盘事件查看全部
-
【0级和2级的优点】<br> 可以给一个元素添加多个事件或事件处理程序。 按照添加的顺序执行。 this：引用被触发的元素。 IE中，2级事件处理程序不起作用。查看全部
-
true:在捕获阶段调用事件处理程序。<br> false：在冒泡阶段调用事件处理程序。【冒泡可以最大限度的兼容各种浏览器，所以一般用false】 addEventListener()中不加'on' 即:onClick→click onmouseover→mouseover 等等 removeEventListener删除事件时，要和添加事件时写一样的参数。 通过addEventListener添加的事件只能通过remove…去删除。查看全部
举报
0/150
提交
取消