-
移动时的函数查看全部
-
键盘事件,三个键盘方法查看全部
-
使用事件处理程序<br> 1.HTML事件处理程序(js和html耦合度高)<br> 2.DOM0级事件处理程序<br> 3.DOM2级事件处理程序<br> DOM2级事件定义了两个方法:<br> 用于处理指定和删除事件处理程序的操作<br> addEventListener()和removeEventListener() 接受三个参数:要处理的事件名、作为事件处理程序的函数和布尔值查看全部
-
事件流: 事件冒泡:即事件最开始由具体的元素接受,然后逐级向上传播至最不具体的那个节点。 事件捕获:不太具体的节点应该更早的接受到事件,而最具体的节点最后接受到事件。查看全部
-
调用eventUtil对象中的方法查看全部
-
耦合性高了,修改时,可能改的地方也多,就比如改一个htmlg事件,html和js都要改查看全部
-
各种事件处理程序查看全部
-
IE添加事件和删除事件查看全部
-
DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。<br> DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。<br> DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)<br> 3个参数:要处理的事件名、作为处理时间处理程序的函数及一个boolean(true---表示在捕获阶段调用事件处理程序,false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false).<br> 如:object.addEventListener("click",function(){},false); btn3.addEventListener('click',showMes,false); 注意: 1、若事件名称有on,则需去掉on。onclick --> click,onmouseover --> mouseover等等; 2、false 最大限度兼容所有浏览器--事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同 btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致,删除事件监听 DOM0级和DOM2级事件处理程序可以给一个事件绑定多个函数,事件触发的时候会按照绑定顺序执行各个函数。如下所示: btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value);},false); 缺点:IE不支持该事件查看全部
-
添加多个函数,按顺序执行查看全部
-
DOM2级事件处理程序查看全部
-
在script中取出对象,以对象属性的形式添加事件,更改时与html文件无关 首先使用 getElementById 取出元素,然后以元素属性的方式添加事件(ele.onclick(function())) DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
HTML事件处理查看全部
-
事件冒泡:从最内层至最外层(IE)从具体出发 事件捕获:从最外层至最内层(Netscape)查看全部
-
事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】<br> 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流)<br> <br> 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档) input----->div--->body--->document查看全部
举报
0/150
提交
取消