-
btn.onclick = function(){} 这种是通过DOM0级添加的事件，删除事件直接清空onclick属性就可以了 btn.onclick = null;查看全部
-
DOM 2级事件处理程序 DOM2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener（）和removeEventListner（）。 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值。 对同一元素可使用多个事件,但不太兼容一些浏览器 obj.addEventListener("click",调用的函数名,布尔值true执行false开始不执行) 通过addEvenListenert添加的事件只能用removeEventListener去除 add:添加 Event事件 Listener监听查看全部
-
DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。 DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势查看全部
-
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中 缺点：HTML和js代码高耦合，如果修改，就要修改两个地方--HTML元素内和script函数。查看全部
-
javascript事件处理程序有三种： 1. html事件处理程序，即，直接在HTML中添加onclick等事件，与js耦合比较多。 2. DOM0级事件处理程序，即，先用var btn = document.getElementById('idname')将元素取出来，然后添加btn.onclick=function(){alert("df")}等属性。这样不会耦合。 3. DOM2级事件处理程序，定义了处理指定和删除事件处理程序的操作：addEventListener() 和 removeEventListner()查看全部
-
事件捕获 事件捕获：不太具体的节点应该更早接受到事件，而最具体的节点最后接受到事件。查看全部
-
事件冒泡 事件冒泡：即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受，然后逐级向上传播至最不具体的那个节点(文档)查看全部
-
拖曳操作 作用于面板标题区域 当在标题区域点击时，注册鼠标点击事件并触发fnDown侦听器 面板在文档中移动，且面板的坐标由(面板左上角的点)到(浏览器边界)的距离决定 所以光标点击面板在文档移动时，光标始终是拖动着(面板左上角的点)在文档中移动 为文档注册鼠标移动事件并触发fnMove侦听器 面板移动的距离由(鼠标光标到浏览器边界的距离)减去(光标点击的位置到面板边界的距离)得到 移动区域大小的限制 面板在文档水平可移动距离为0到(文档宽减去面板宽) 面板在文档垂直可移动距离为0到(文档高减去面板高)查看全部
-
使用事件处理程序查看全部
-
事件流查看全部
-
IE事件处理查看全部
-
在DOM2规范下 元素添加事件 ele.addEventListener(type, listener) 元素删除事件 ele.removeEventListener(type, listener) 在IE下 元素添加事件 ele.attachEvent(type, listener) 元素删除事件 ele.detachEvent(type, listener)查看全部
-
跟参考答案对了一遍代码，完全没问题，但就是运行不出来。然后开始一个字母一个字母的对，结果发现少了window.onload=function(){}右半个花括号查看全部
-
IE中的事件对象 a.type属性 用于获取事件类型 b.srcElement属性 用于获取事件目标 c.cancelBubble属性 用于阻止/取消事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 d.returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为 getEvent:function(event){ return event?event:window.event;//或event=eventwindow.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(event.preventDefault){//判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,如果是if(方法函数())时会出现不可预料的结果 event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE方法处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ //event.stopPropagation:以属性的形式进行判断 event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE方法处理 } }查看全部
-
一：事件对象 在触发DOM上的事件时都会产生一个对象； 事件对象(event) 1：DOM中的事件对象； -type属性用于获取事件的类型； -target属性用于获取事件目标； -stopPropagation()方法，用于阻止事件冒泡； -preventDefault()方法，阻止事件的默认行为； 2：IE中的事件对象(event) var ele=event.targetevent.srcElement; -type属性，用于获取事件类型； -srcElement属性用于获取事件的目标； -cancelBubble属性，用于阻止事件冒泡，设置为true，就阻止了; - 封装的event.js类 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); //DOM3级事件 }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); //DOM3级事件 }else{ element['on'+type]=null; //DOM0级事件 } } }查看全部
举报
0/150
提交
取消