-
keycode查看全部
-
键盘事件查看全部
-
fnmove函数封装查看全部
-
onmousedown函数封装查看全部
-
mousemove查看全部
-
clientx和clienty查看全部
-
getclass函数的封装查看全部
-
支持IE事件处理程序的浏览器:IE和OPERA查看全部
-
事件处理程序 1.HTML事件处理程序 事件直接加到HTML代码中,缺点是HTML和JS代码紧密的耦合在一起,JS和HTML代码需要同时修改,一般被开发人员所摒弃。 2.DOM0级事件处理程序 较传统的方式,把一个函数赋值给一个事件的处理程序属性,用的比较多的方法,简单,具有跨浏览器的优势。 3.DOM2级事件处理程序 DOM2级事件定义了两个方法: 用于处理制定和删除事件处理程序的操作addEvenListener()和removeEventListener(),接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值,布尔值为false表示支持冒泡事件流,为true表示支持捕获事件流。通过addEventListener()添加的事件只能通过removeEventListener()删除 4.IE事件处理程序 attachEvent() 添加事件 detachEvent()删除事件 接收相同的两个参数:事件处理程序名称和事件处理程序的函数 5.跨浏览器事件处理程序查看全部
-
DOM2和DOM0特点 DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,或者给一个元素上添加多个事件(如同一个按钮上添加onclick后,再添加onmouseover),会按照顺序执行。<br><br> DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。<br><br> DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)<br><br> 接收三个参数:要处理的事件名(都要去掉前缀on,如onclick—>click),作为事件处理程序的函数和布尔值。<br> 布尔值 false 事件冒泡 true 事件捕获,一般用false最大兼容浏览器。 在事件被触发的函数里面this可以引用被触发的元素。例如:btn.addEventListener('click',function(){alert(this.value),false});this即指btn DOM0级事件有个重大的缺点就是,不像MOD2级事件那样,你只可以指定一个DOM0级事件。DOM0级事件会转化元元素的属性,那意味着当指定多个的内联事件时,它之前所指定的内联事件会被覆盖掉: var element = document.getElementById('testing'); element.onclick = function () { alert('did stuff #1'); }; element.onclick = function () { alert('did stuff #2'); }; 当点击这个元素后,你只可以看到 "Did stuff #2",原因是第二个值覆盖了第一个指定的 onclick 属性,同时,会把 HTML 中 onclick 属性也覆盖掉。 使用DOM2级事件,理论上你可以向某个元素加入无数的事件。查看全部
-
DOM2级事件处理函数(注意:通过addEventListener添加的事件只能通过removeEventListener删除) addEventListener()添加事件 add添加 event 事件 listener监听 removeEventListner() remove删除 接收三个参数:要处理的事件名(要添加或删除的事件),作为事件处理程序的函数(要触发的操作),布尔值 (true表示在捕获阶段调用处理程序,false表示冒泡阶段调用处理程序-冒泡方式兼容所有浏览器,所以一般都用false)查看全部
-
DOM0级处理程序查看全部
-
btn2.onclick = null; //删除onclick属性查看全部
-
IE8之前的取消冒泡event.cancelBubble= true查看全部
-
ie中取消事件默认行为是event.returnValue=false查看全部
举报
0/150
提交
取消