-
事件冒泡查看全部
-
IE中的事件对象 （1）type属性 用于获取事件的类型 （2）srcElement属性 用户获取事件目标 （3）cancelBubble属性 用于阻止事件冒泡（设置true表示阻止冒泡 设置false表示不阻止冒泡） （4）returnValue属性 用于阻止事件的默认行为（设置为false表示阻止事件的默认行为）查看全部
-
IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数：事件处理程序的名称和事件处理程序的函数，默认是冒泡 btn3.attachEvent("onclick",ss) //需要加上‘on’ btn3.detachEvent("onclick",ss) 跨浏览器的事件处理程序 var eventUtil={ //添加句柄 addHandler:function(el,type,handler){ if(el.addEventListener){ el.addEventListener(type,handler,false) }else if(el.attachEvent){ el.attachEvent('on'+type,handler) }else{ el['on'+type]=handler//用.点的地方都可以用中括号[] } }, //删除句柄 removeHandler:function(el,type,handler){ if(el.removeEventListener){ el.removeEventListener(type,handler,false) }else if(el.detachEvent){ el.detachEvent('on'+type,handler) }else{ el['on'+type]=null//用.点的地方都可以用中括号[] } } } eventUtil.addHandler(btn3,'click',ss) eventUtil.removeHandler(btn3,'click',ss)查看全部
-
DOM2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(). 接收三个参数：要处理的事件名 作为事件处理程序 和 函数的布尔值（true捕获）（false冒泡）。 function ss(){ alert("通过HTML触发的") } var btn3=document.getElementById("btn3") btn3.addEventListener("click",ss,false) //click等前面不需要加'on' 通过addEventListener添加的事件只能通过removeEventListener删除，并且要传入相同的参数值 如：btn3.removeEventListener("click",ss,false) 注：可以添加多个事件，按顺序执行 btn3.addEventListener("click",function(){ alert(this.value) },false)。 ie8及以下不支持查看全部
-
DOM0级事件处理程序 （用得比较多）,先把元素取出来，然后为其属性添加一个事件的方法叫DOM0级处理程序。 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性，即卸载事件查看全部
-
添加事件三种方式：addEvenListener，attachEvent，onClick查看全部
-
function addEvent(ele,type,handler){ // 执行代码 if(ele.addEventListener){ ele.addEventListener(type,handler,false); }else if(ele.attachEvent){ ele.attachEvent("on"+type,handler); }else{ //ele.onclick === element[onclick] ele['on'+type] = handler; } } // 显示登录层函数 function showLogin(){ // 执行代码 login_box.style.display = "block"; } // 隐藏登录层函数 function hideLogin(){ // 执行代码 login_box.style.display = "none"; } //点击登录按钮显示登录层 addEvent(login_btn,"click",showLogin); //点击关闭按钮隐藏登录层 addEvent(close,"click",hideLogin); }查看全部
-
TIPS:addEventListener("click")第一个事件参数,不能加on,比如onclick,onmouseover查看全部
-
跨浏览器封装获取指定classname的元素查看全部
-
封装跨浏览器属性和方法查看全部
-
ie中取消冒泡，获取事件查看全部
-
非ie使用event = event获取事件，ie使用window.event查看全部
-
事件对象属性：type，target，stopPropagation（），preventDefault（）；查看全部
-
事件冒泡：由最具体的元素逐级向上冒泡，btn3→div查看全部
-
dom对象属性查看全部
举报
0/150
提交
取消