-
事件处理程序查看全部
-
在js中,所有用“.”的地方都可以用"[]",不过”[]“中的内容要用引号。 解决跨浏览器事件处理程序: var eventUtil={//将方法封装在一个对象里 addHandler:function(element,type,handler){//这是定义的带参函数 } } eventUtil.addHandler(btn3,"click",showMes);//调用函数,相比于java,java中的对象需要通过实例化来实现并调用函数,而js中直接把函数封装在对象里面,同过对象点函数进行调用查看全部
-
用dom2级添加的事件处理程序需要用dom2级来删除,而不能用dom0级 btn3.addEventListener('click',showMes,false);false表示的是事件冒泡流查看全部
-
btn3.addEventListener('click',showMes,false);添加事件,一个元素上可以添加多个事件处理程序。 btn3.removeEventListener('click',showMes,false);移除事件 dom0级和dom2级相比html事件处理程序的优势: dom级的一个元素可同时添加多个事件处理程序,添加的程序会按顺序显示出来,而html不可以添加多个事件处理程序。 dom级的时间处理程序在ie上不适用查看全部
-
本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象:在触发DOM上的事件时都会产生一个对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target:事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为 HTML DOM Event 对象 http://www.w3school.com.cn/jsref/dom_obj_event.asp查看全部
-
DOM0级事件处理程序,较传统的方式:把一个函数赋值给一个事件处理程序属性的比较简单的方法,用document bt.onclick=function(){ } bt.onclick=null;查看全部
-
HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。查看全部
-
IE事件处理程序: attachEvent()添加事件 detachEvent()删除事件 接收两参数:事件处理程序,事件处理函数 btn3.attachEvent("onclick",showMe); btn3.detachEvent('onclick',showMes);查看全部
-
btn3.addEventListener('click',showMes,false);添加事件,一个元素上可以添加多个事件处理程序。 btn3.removeEventListener('click',showMes,false);移除事件查看全部
-
DOM2级事件处理程序 DOM2级时间定义了两个方法: 用于处理指定和删除时间处理程序的操作 addEventListener() removeEventListner(). 接收三个参数: 1.要处理的事件名 2.作为事件处理程序的函数 3.布尔值:true:捕获阶段调用事件处理程序,false 冒泡阶段调用事件处理程序。查看全部
-
先把元素取出来,然后为其事件属性(如onclick)添加一个事件的方法叫DOM0级处理程序。 DOM0级事件处理程序,较传统的方式:把一个函数赋值给一个事件处理程序属性的比较简单的方法 截图的btn是HTML事件处理程序,btn2是DOM0级事件处理程序。 HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。查看全部
-
什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法查看全部
-
function showMes(){ alert("hello");} window.onload=function(){ 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; } } } } var btn2=document.getElementById("btn2"); eventUntil.addHandler(btn2,click,showMes); 结果为什么提示我说 ReferenceError: eventUntil is not defined???????????查看全部
-
解决了改变事件类型时有可能存在两个高亮选项的BUG,不过还有一个问题没解决,用键盘选择时,只能从初始值开始而不是从当前高亮选项开始查看全部
-
keyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件 keyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件 keyUp:当用户释放键盘上的键时触发查看全部
举报
0/150
提交
取消