-
.onclick ===['onclick']查看全部
-
on+keydown keyup keypress 键盘事件 键盘事件要写在document上 keyCode为按下的键的编号,为10进制数。查看全部
-
当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行 addEventListener:监听Dom元素的事件 * * target:监听对象 * type:监听函数类型,如click,mouseover * func:监听函数 */ function addEventHandler(target,type,func){ if(target.addEventListener){ //监听IE9,谷歌和火狐 target.addEventListener(type, func, false); }else if(target.attachEvent){ target.attachEvent("on" + type, func); }else{ target["on" + type] = func; } }查看全部
-
2.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 ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法查看全部
-
事件捕获:不太具体的节点应该更接收到事件,而最具体的节点最后接收到事件查看全部
-
然后逐级向上传播至最不具体的的那个节点(文档)查看全部
-
事件冒泡:即是事件最开始由最具体的元素(文档中嵌套层次最深的拿个节点)查看全部
-
disX=odrag.style.left-event.clientX查看全部
-
DOM0级对每个事件只支持一个事件处理程序,这也正是DOM2级相对DOM0级的好处,即DOM2级对每个事件支持多个事件处理程序。查看全部
-
"为什么得把这段js代码放在button的后面啊?放在head标签里为啥不能执行?" 因为浏览器读取网页是按照从上到下的顺序, 若放在head标签里此时还未找到button, 所以不会执行; 若执意放在head标签内,则可将事件放在window.onload={}内,意思是页面加载完毕后执行查看全部
-
事件对象查看全部
-
if (window.addEventListener) { btn3.addEventListener('click',showMes,false); } else { btn3.attachEvent('onclick',showMes); }查看全部
-
键盘事件查看全部
-
事件处理程序 1、HTML事件处理程序(JS和HTML代码耦合度高,修改代价大) 2、DOM0级事件处理程序(可添加多个事件处理程序,可通过赋值为null去除事件) 3、DOM2级事件处理程序(可添加多个事件处理程序,通过addEventListener添加的必须yogaremoveEventListener去除,注:IE中无效)查看全部
举报
0/150
提交
取消