javascript中attachEvent用法实例分析

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

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

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

obj.οnclick=方法

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

obj.οnclick=method1

obj.οnclick=method2

obj.οnclick=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 οnlοad='iniEvent()'

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

/body

/html

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

原文地址：,,javascript中attachEvent用法实例分析_菜鸟教程之家

本文来自网络，不代表菜鸟教程之家立场，转载请注明出处。