-
事件流查看全部
-
IE事件处理程序： attachEvent(type,hander)添加事件 事件类型要加on 如btn.attachEvent('onclick',showmsg); detachEvent()删除事件 参数：名称，函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 兼容函数代码： var elementUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler;// } } };查看全部
-
事件冒泡，事件捕获查看全部
-
完整检查过了，大家帮我看看有没有不清晰的地方请帮忙指正，谢谢查看全部
-
跨浏览器的事件处理程序 --------能力监测，是否支持，支持哪种事件函数就根据那个事件去处理 1. 使用对象，解决浏览器兼容 将添加和删除方法封装在一个对象中，对每个方法进行能力检测 [这对象就干两件事，一件事给一个元素添加事件，二件事在该元素上删除掉该事件] var eventUtil={ //添加句柄 方法 addHandler:function(element,type,handLer){ //3个参数：告诉浏览器给谁添加事件（元素），添加什么样的事件（类型），这个事件触发了什么操作（句柄） if(element.addEventListener){ element.addEventListener(type,handler,false); //DOM2级 【事件类型名称要去掉“on”】 }else if(element.attachEvent){ element.attachEvent('on'+type,handler); //IE事件处理程序【事件类型名称不用去掉“on”】 }else{ element['on'+type]=handler; //DOM0级 element.'on'+type 写法是错误的。on是字符串，所以要有引号。而type和element是变量，变量和字符串是不能用"."连接起来的 ，而事件和对象是要用"."来连接 } } }， //删除句柄 removeHandler:function(){ } eventUtil.addHandler(btn3,'click',showMes); //注意这里写的是‘click’,与上面统一 eventUtil.removeHandler(btn3,'click',showMes); 以上是<script></script>内的代码 2. xxx.xxx===xxx[xxx] 时间调用用.和[] 中括号 是一个意思 使用中括号是为了引入字符串。 如 element[ 'on'+type] = handler element.onclick === element['onclick']. // JS中.与[]完全等价 ===表示等价查看全部
-
IE9浏览器之前的ie版本不能支持dom2，为了跨浏览器支持，需要用ie自己的一套。 IE事件处理程序： 1.attachEvent(type,handler)添加事件 如btn.attachEvent('onclick',showMes);-----事件类型要加on detachEvent()删除事件 btn.detachEvent('onclick',showMes); 参数：名称，函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 支持IE事件处理程序的浏览器：IE和OPERA查看全部
-
事件对象查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); 缺点：IE不支持该事件查看全部
-
2. DOM0级事件处理程序 （用得比较多） 较传统的方式：把一个函数赋值给一个事件处理程序的属性。 优点：简单，跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素，定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件！')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。查看全部
-
事件处理程序（3种）： 1 html事件处理程序：事件是直接加载在html文档里面。 缺点：html代码和js代码耦合太紧密，（js代码和HTML都需要进行修改）不利于修改代码。 也可直接onclick="alert("hello")"查看全部
-
事件捕获流与事件冒泡流截然相反 事件捕获流（Netscape）：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件 【document--html-- body -- div -- input】 老版本的浏览器不太支持，所以，建议使用事件冒泡流查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流：描述的是从页面中接受事件的顺序 （IE：事件冒泡流 / Netscape事件捕获流） 事件冒泡流：即事件最开始由最具体的无素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到最不具体的那个节点（文档） input----->document查看全部
-
事件冒泡查看全部
-
clearInterval(timer); var flag=0; //EVENT事件的keyCode属性用于获取键盘码 document.onkeyUp=function(event) { event=event||window.event;(console.log()) if(event.keyCode==13){ if(flag==0){playFun();flag=1;} else{stopFun();flag=0;} } }查看全部
-
键盘事件： keyDown:当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件 keyUp:当用户释放键盘上的键时触发查看全部
举报
0/150
提交
取消