-
键盘事件查看全部
-
变量.方法===变量["方法"]查看全部
-
dom2级添加多个事件会按顺序执行查看全部
-
dom0级先把事件取出来，再通过事件的属性来调用的称为dom0级事件处理程序查看全部
-
obj.onclick//只能为同一事件添加一个函数， obj.addEventListener()//可以为同一事件添加多个函数查看全部
-
变量.方法===变量[方法]查看全部
-
btn.addEventListener('click',showmas//方法名，false)//onclick的on去掉而且IE不好用 brn.attachEvent('onclick',showmas//方法名)查看全部
-
DOM0级事件处理程序：把onclick啥的写到js里， var a = document.getElementById("div1"); div1.onclick = function(){}查看全部
-
function showGoto(event){ event.preventDefault(); //preventDefault()方法阻止事件的默认行为 event.stopPropagation(); } 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级事件处理程序 } } var btn3=document.getElementById("btn3"); var box=document.getElementById("box"); var goTo=document.getElementById("goTo"); eventUtil.addHandler(btn3,'click',showMessage); eventUtil.addHandler(box,'click',showBox); eventUtil.addHandler(goTo,'click',showGoto); </script>查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 例：function show(event){……} 参数event接收的就是事件传过来的对象 事件对象EVENT ①DOM中的事件对象 属性 （1）type属性用于获取事件类型 （2）target属性用于获取事件目标 （3）stopPropagation()方法 用于阻止事件冒泡 （4）preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡，用stopPropagation()方法。 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法。 <div id="box"> <input type="button" value="按钮1" id="btn1" /> <input type="button" value="按钮2" id="btn2" /> <input type="button" value="按钮3" id="btn3" /> <a href="https://www.baidu.com/" id="goTo">跳转</a> </div> <script> function showMessage(event){ //参数event接收的就是事件传过来的对象 alert(event.type); //type属性用于获取事件类型，此处输出：click //alert(event.target); //target属性用于获取事件目标，此处输出：[object HTMLInputElement] //alert(event.target.nodeName); //输出元素节点名称：input event.stopPropagation(); //stopPropagation()方法用于阻止事件冒泡 } function showBox(){ alert("这是盒子box"); }查看全部
-
IE和dom事件查看全部
-
键盘事件，keyDown：表示按下任意键，keyPress：表示按下字符键查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 例：function show(event){……} 参数event接收的就是事件传过来的对象 事件对象EVENT ①DOM中的事件对象 属性 （1）type属性用于获取事件类型 （2）target属性用于获取事件目标 （3）stopPropagation()方法 用于阻止事件冒泡 （4）preventDefault() 方法 阻止事件的默认行为 ②IE8以下事件对象（window.event） 1.事件类型：event.type 2.事件目标：event.srcElement 3.阻止事件冒泡：event.cancelBubble = true 4.阻止默认事件：event.returnValue = false 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
element.onclick === element['onclick'] 所有.都可以用[]代替，注意字符串形式 处理跨浏览器问题查看全部
-
事件处理程序查看全部
举报
0/150
提交
取消