,,javascript中attachEvent用法实例分析

,,javascript中attachEvent用法实例分析

这篇文章主要介绍了Java语言(一种计算机语言,尤用于创建网站)描述语言中附加事件用法,实例分析了Java语言(一种计算机语言,尤用于创建网站)描述语言中事件绑定的相关技巧,需要的朋友可以参考下

本文实例讲述了Java语言(一种计算机语言,尤用于创建网站)描述语言中附加事件用法。分享给大家供大家参考。具体分析如下:

一般我们在射流研究…中添加事件,是这样子的

obj.onclick=方法

这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢?

obj.onclick=method1

obj.onclick=method2

obj.onclick=method3

如果这样写,那么只有最后绑定的事件,这里是方法3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在工业管理学(工业工程)中我们可以使用附加事件方法

btn1Obj.attachEvent('onclick ',方法1);

btn1Obj.attachEvent('onclick ',方法2);

btn1Obj.attachEvent('onclick ',方法3);

使用格式是前面是事件类型,注意的是需要加开着,比如onclick,onsubmit,onchange执行顺序是

method3-method2-method1

可惜这个微软的私人方法,火狐和其他浏览器都不支持,幸运的是他们都支持万维网路联盟(环球网Consortium简称W3C)标准的addEventListener方法

BTN 1 obj。addevent listener(' click ',method1,false);

BTN 1 obj。addevent listener(' click ',method2,false);

BTN 1 obj。addevent listener(' click ',method3,false);

执行顺序为method1-method2-method3

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '

http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。' DTD '

html xmlns=' http://。w3。' org/1999/XHTML '

titleattachEvent/title

脚本类型='文本/javascript '

//第一种方式(微软的私人方法)

函数iniEvent() {

var BTN=文档。getelementbyid(' BTN ');

btn.attachEvent('onclick ',点击1);

btn.attachEvent('onclick ',点击2);

btn.attachEvent('onclick ',点击3);

}

//第二种方式(火狐和其他浏览器)

函数iniEvent2() {

var BTN=文档。getelementbyid(' BTN ');

btn.addEventListener('click ',click1,false);

btn.addEventListener('click ',click2,false);

btn.addEventListener('click ',click3,false);

}

函数click1() {

alert(" click 1 ");

}

函数click2() {

alert('点击2 ');

}

函数click3() {

alert("点击3 ");

}

/脚本

/头

body onload='iniEvent()'

输入类型=' button ' id=' BTN ' value='附加事件'/

/body

/html

希望本文所述对大家的Java语言(一种计算机语言,尤用于创建网站)描述语言程序设计有所帮助。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: