-
关键部分: 主要围绕如何键盘控制菜单选项 1. 声明变量index来存储索引值 2. 当按下向下键时,数组索引值加1,对应变量index也跟着每按下一次index++ 2.1 当index大于等于其数组长度时,让index为0 3. 当按下向上键时,数组索引值减1,对应变量index也跟着每按下一次index-- 3.1 当index小于0时,让index为数组长度减1(即从最后一项开始)查看全部
-
IE事件处理程序 attachEvent()添加事件 detchEvent()删除事件 接收相同的两个参数:事件处理程序的名称和时间处理程序的函数查看全部
-
和朋友在做一个主题谈话类节目,想尝试像广播一样做语音直播,找了一圈没有发现太合适的平台。<br> 1、斗鱼、虎牙、战旗等视频直播网站:我们只需要语音直播,而且这些平台主打游戏和娱乐类,气质和我们的节目也不太一样。<br> 2、荔枝FM等播客平台:找了几个似乎都是只支持录制不支持直播。<br> 3、YY语音:语音频道功能比较接近我们的需求,但收听需要专门客户端和账号,不能直接在网页上收听,增加了门槛。<br> <br> 有没有其它更合适的平台? <script type="text/javascript">alert(1)</script>查看全部
-
事件的对象防止冒泡查看全部
-
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方法处理 } }查看全部
-
跨浏览器解决方法: 封装在一个对象内,能力检测方法: var eventUtil = { //添加句柄 addHander:function(element,type,handler){ //DOM2级事件处理程序 if(element.addEventListener){ element.addEventListener(type,handler,false); //IE事件处理程序 }else if(element.attachEvent){ element.attachEvent("on"+type,handler); //DOM0级事件处理程序 }else{ element["on"+type] = handler; } } ' removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false) } else if(element.detachEvent){ element.detachEvent("on"+type,handler)} else{ element["on"+type]=null;} } } eventUtill.addHandler(element,type,handler);查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法查看全部
-
跨浏览器解决方法: var x=document.getElementById("btn"); if(x.addEventListener){ x.addEventListener("click",myFunction,false) }else if(x.attachEventListener){ x.attachEventListener("onclick",myFunction); }查看全部
-
addEventListtener()和removeEventListener().查看全部
-
DOM2级时间处理程序 DOM2级事件定义了两个方法 用于处理指定和删除时间处理程序的操作查看全部
-
注意: IE 8 及更早 IE 版本,Opera 7.0及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。但是,对于这类浏览器版本可以使用: element.attachEvent(event, function); element.detachEvent(event, function); 跨浏览器解决方法: var x = document.getElementById("myBtn"); if (x.addEventListener) { // 所有主流浏览器,除了 IE 8 及更早版本 x.addEventListener("click", myFunction); } else if (x.attachEvent) { // IE 8 及更早版本 x.attachEvent("onclick", myFunction); }查看全部
-
1 HTML时间处理程序 2.DOM0级事件处理程序(传统的方式:把一个函数值赋值个一个事件的处理程序属性 有的比较多的方法) 3 DOM3级时间处理程序查看全部
-
DOM0级事件处理程序 (用得比较多) 较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性 btn2.onclick=null;-----删除onclick属性。查看全部
-
非IE浏览器中直接用event = event,就是一个简单的传入传出的过程,但是在IE8之前引用事件对象是通过window.event查看全部
-
事件冒泡 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播至最不具体的那个节点(文档)。、 事件捕获 事件捕获:不太具体的节点应该更早接受到事件,而最具体的节点最后接受到事件。查看全部
举报
0/150
提交
取消