-
Netscape事件捕获查看全部
-
IE事件冒泡查看全部
-
DOM2级事件处理程序<br><br> 定义了两个方法--用于处理指定和删除事件处理程序的操作：<br><br> addEventListener()添加事件监听程序<br><br> removeEventListener()移除事件监听程序<br><br> 三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序<br><br> <br><br> <br><br> btn3.addEventListener('click',showMes,false);<br><br> 注意：<br><br> 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等；<br><br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br><br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br><br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听<br><br> <br><br> DOM2级和DOM0级共同的优点：可以给一个元素添加多个事件处理程序/事件（即给一个事件绑定多个函数，也可以添加多个事件），事件触发时会按绑定顺序执行各个函数。 eg;<br><br> btn3.addEventListener('click',showMes,false);<br><br> btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);<br><br> DOM0级事件则后面添加的同一事件类型会覆盖前面的；<br><br> 缺点：DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。查看全部
-
事件流查看全部
-
2.DOM0级事件处理程序<br> 较传统的方式：把一个函数赋值给一个事件的处理程序属性<br> 用的比较多的方法，原因：简单，跨浏览器的优势<br> 如：<input type="button" value="按钮2" id="btn2"><br> var btn2=document.getElementById('btn2'); //取得btn2按钮对象<br> btn2.onclick=function(){ //btn2.onclick是给btn2添加onclick属性 //匿名函数<br> alert('Hi');<br> }<br> btn2.onclick=null; //删除onclick属性<br> 没有HTML事件处理程序的缺点查看全部
-
事件对象event 1、DOM中的事件对象 （1）.type属性用于获取事件类型 （2）.target属性用于获取时间目标 （3）.stopPropagation()方法用于阻止事件冒泡 （4）.preventDefault()方法阻止事件的默认行为 2.IE中的事件对象 （1）.type属性用于获取事件类型 （2）.srcElement属性 用于获取事件的目标 （3）.cancelBubble属性 用于阻止事件冒泡：设置为ture表示阻止冒泡 （4）.returnValue属性 用于阻止事件的默认行为：设置为false表示阻止默认行为查看全部
-
事件处理程序<br> 1.HTML事件处理程序<br> 2.DOM0级事件处理程序<br> 3.DOM2级事件处理程序<br> 4.IE事件处理程序<br> 5.跨浏览器的事件处理程序查看全部
-
HTML事件处理程序：事件直接加在HTML结构里，现在不建议使用了 1.事件函数直接写在input按钮里： 2.在input按钮里调用事件函数 缺点：HTML和JS代码紧密的耦合在一起（JS代码和HTML都需要进行修改） <input type="button" value="按钮" id="btn" onclick="showMessage()><br> function showMessage(){<br> ......<br> }查看全部
-
事件捕获：不太具体的节点应更早接收到事件，而最具体的节点最后接收到事件查看全部
-
事件是文档或者浏览器窗口中发生的，特定的交互瞬间。事件触发动作。JavaScript和HTML是通过事件来实现交互的<br> 1.理解事件流<br> 2.使用事件处理程序<br> 3.不同的事件类型<br> 事件流--描述的是从页面中接受事件的顺序<br> IE--事件冒泡流<br> Net--事件捕获流<br> 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。 eg：div包含一个按钮，点击按钮的同时触发div，继而触发body，浏览器查看全部
-
1.封装一个getByClass（clsName，parent）方法。 目的是为为了获取login_logo_webqq这个div 取父元素 ，匹配子元素 2.页面加载，封装一个drag函数 ·标题区域按下移动 ·页面移动 --边界问题 --鼠标位置问题 ·释放鼠标停止移动 3.切换功能 ·绑定事件：loginState，loginStatePanel，li元素，login2qq_state_txt，loginStateShow ·鼠标点击的时候： --整个ul（loginStatePanel）显示 --鼠标滑过的时候有背景，以及取消背景 --鼠标点击状态改变 ①点击完后，整个ul面板隐藏 ②取出点击的<li>中文本放在login2qq_state_txt这个div中 ③修改文本前的icon ④阻止冒泡 ⑤在页面的任何地方点击，都要隐藏ul,依旧要阻止事件冒泡查看全部
-
阻止事件冒泡示例： loginState.onclick=function(e){ e = e || window.event; if(e.stopPropagation){ e.stopPropagation(); } else{ e.cancelBulle=true; } }查看全部
-
拖拽->鼠标跟随<br> 1、绑定鼠标点击事件<br> 2、获取鼠标坐标：clientX clientY (所有浏览器都支持此属性)<br> 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽)<br> 4、将拖拽元素设置成绝对定位<br> 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法)<br> 6、设置left、top限定，禁止元素拖出窗口<br> 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth<br> 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果<br> 注意可以把left、top理解成x轴、y轴 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth查看全部
-
event.type 用于获取事件类型 event.target 用于获取事件目标 event.stopPropagation()方法 用于阻止事件冒泡 event.prventDefault()方法 阻止事件默认行为 bubble属性===冒泡查看全部
-
JS中所有用"."连接的地方都可以用"[]" 如element.onclick=element["onclick"]查看全部
举报
0/150
提交
取消