-
IE事件处理程序
查看全部 -
DOM2级事件处理程序
DOM2级事件处理程序 一、定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 btn3.addEventListener('click',showMes,false); 三个参数设置：事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） 二、注意： 1.事件名称全都不加on了，onclick→click——事件名称要加引号“” 2.处理方法中的函数只写函数名，不加括号——不加括号才是函数，加了括号是运行函数 3.false 兼容所有浏览器-----事件冒泡流——布尔值是不需要加引号“”的 4.通过addEventListener添加的事件只能通过removeEventListener来删除——参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的一致，删除事件 三、其他 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); //不可以这样添加两个函数，怀疑其本意为： //Btn3.addEventListener('click',showmessage1/function(){alert("这是匿名函数")},false); 四、缺点：IE不支持该事件
查看全部 -
2.DOM0级事件处理程序
举例
html: <input type="button" value="点击" onclick="showmess()">
js: showmess(){
alert("hehe");
} //这是第一种
html: <input type="button" value="点击" id="but1">
js: var but1=document.getElementById("but1");
but1.onclik=function(){ //这样不存在HTML事件的缺点，改的时候就只要改一处（这里是只需修改函数）
alert("hahah");
} //这是DOM0级事件处理程序，即先把元素取出来，然后让这个事件以这个对象的属性的形式来添加好事件。
but1.onclick=null; //这样就清空了上面的事件
查看全部 -
事件处理程序
第一种ML添加事件的方法：HTML事件处理程序，即把js代码直接写在HTML页面
它的缺点：JS代码与HTML耦合在一起，要修改时麻烦，要修改两处
查看全部 -
查看全部 -
JS与HTML之间的交互式通过事件来实现的。
事件流：描述从页面中接受事件的顺序。在IE中的事件流是事件冒泡流，而另一种是事件捕获流。
事件冒泡流：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。
查看全部 -
查看全部 -
查看全部 -
event.stopPropagation //阻止事件冒泡
查看全部 -
event.target.nodeName //目标节点名称
查看全部 -
event.type //获取事件类型
查看全部 -
查看全部 -
查看全部 -
查看全部 -
btn.onclick=null;//删除事件
btn.onclick=function() //添加事件
查看全部
举报