-
1，当同一对象使用。Onclick引发的多种方法，后一种方法将覆盖以前的方法，也就是说，当onclick事件发生，只有最后一个绑定的方法将被执行的事件监听器，没有覆盖，每个绑定事件执行。如下：
在window.onload =函数（）{
VaR建立document.getelementbyid（yuanevent ）；
btn.onclick =函数（）{
警报（第一个事件）；
}
btn.onclick =函数（）{
警报（第二事件）；
}
btn.onclick =函数（）{
警报（第三事件）；
}
}
最后一个输出：第三个事件，因为后一个方法覆盖前面的方法。
原生态的addEventListener的事件绑定功能：
无功eventone =函数（）{（）
警报（第一个监视器事件）；
}
功能eventtwo（）{
警报（第二个监视事件）；
}
在window.onload =函数（）{
VaR建立document.getelementbyid（yuanevent ）；
/ /注册侦听器：结合功能
Btn.addEventListener（单击
Btn.addEventListener（单击
}
输出：第一个监视器事件和第二个监听器事件
2。事件监视器用于绑定对象绑定方法之后，相应的绑定可以被解除。以下文字如下：
无功eventone =函数（）{（）
警报（第一个监视器事件）；
}
功能eventtwo（）{
警报（第二个监视事件）；
}
在window.onload =函数（）{
VaR建立document.getelementbyid（yuanevent ）；
Btn.addEventListener（单击
Btn.addEventListener（单击
Btn.removeEventListener（单击
}
输出：第二个监视事件
三.当绑定事件被解除时，必须使用函数的句柄将整个函数写入绑定。
书写错误：
Btn.addEventListener（单击
警报（11）；
}）；
Btn.removeEventListener（单击
警报（11）；
}）；
正确书写：
Btn.addEventListener（单击
Btn.removeEventListener（单击
概要：功能封装后的监视事件如下，与主要浏览器兼容。
*
*注册侦听器：听的DOM元素的事件
*
*目标：侦听对象
*类型：监控功能类型，如点击，鼠标悬停
*函数：监视功能
* /
功能addeventhandler（目标、类型、功能）{
如果（目标。addEventListener）{
/ /监控IE9，谷歌和火狐
Target.addEventListener（类型、功能、假）；
} else if（目标。attachevent）{
target.attachevent（+型，功能）；
其他{ }
目标+类型；
}
}
*
* removeeventhandler：该DOM元素的事件处理
*
*目标：侦听对象
*类型：监控功能类型，如点击，鼠标悬停
*函数：监视功能
* /
功能removeeventhandler（目标、类型、功能）{
如果（目标。removeEventListener）{
/ /监控IE9，谷歌和火狐
Target.removeEventListener（类型、功能、假）；
} else if（目标。detachevent）{
target.detachevent（+型，功能）；
{ }人
删除目标 +类型}；
}
}
无功eventone =函数（）{（）
警报（第一个监视器事件）；
}
功能eventtwo（）{
警报（第二个监视事件）；
}
在window.onload =函数（）{
无功bindeventbtn = document.getelementbyid（bindevent ）；
/ /听eventone事件
AddEventHandler（bindeventbtn，点击
/ /听eventtwo事件
AddEventHandler（bindeventbtn，点击
监视器事件
AddEventHandler（bindeventbtn，点击
警报（第三个监视事件）；
}）；
第一个事件监视器 /取消
RemoveEventHandler（bindeventbtn，点击
取消第二个监视器事件
RemoveEventHandler（bindeventbtn，点击
}
实例uff1a
事件
功能addeventhandler（目标、类型、功能）{
如果（目标。addEventListener）{
/ /监控IE9，谷歌和火狐
Target.addEventListener（类型、功能、假）；
} else if（目标。attachevent）{
target.attachevent（+型，功能）；
其他{ }
目标+类型；
}
}
功能removeeventhandler（目标、类型、功能）{
如果（目标。removeEventListener）{
/ /监控IE9，谷歌和火狐
Target.removeEventListener（类型、功能、假）；
} else if（目标。detachevent）{
target.detachevent（+型，功能）；
{ }人
删除目标 +类型}；
}
}
无功eventone =函数（）{（）
警报（第一个监视器事件）；
}
功能eventtwo（）{
警报（第二个监视事件）；
}
在window.onload =函数（）{
无功bindeventbtn = document.getelementbyid（bindevent ）；
/ /听eventone事件
AddEventHandler（bindeventbtn，点击
/ /听eventtwo事件
AddEventHandler（bindeventbtn，点击
监视器事件
AddEventHandler（bindeventbtn，点击
警报（第三个监视事件）；
}）；
第一个事件监视器 /取消
RemoveEventHandler（bindeventbtn，点击
取消第二个监视器事件
RemoveEventHandler（bindeventbtn，点击
}
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。