JS事件绑定非常灵活，有好几种方式：
在HTML代码中直接绑定：这种绑定方式非常直观，适用于少量代码。
<html>
<head>
<title>事件绑定</title>
</head>
<body>
<input type="button" id="btnOK" value="确定" onclick="alert('您点击了确定按钮')"/>
</body>
</html>
在外部js文件里绑定，这样有助于结构（HTML页）与功能（JS）页的分类，符合结构良好的网页
HTML页：
<html>
<head>
<title>事件绑定</title>
<script src="warn.js"></script>
</head>
<body>
<input type="button" id="btnOK" value="确定"/>
</body>
</html>
JS代码页
window.onload=initPage;
function initPage(){
document.getElementById("btnOK").onclick=warn;
}
function warn(){
alert("你点击了确定按钮");
}
以上方法都只能绑定一个事件，如果需要绑定多个事件的话，在IE浏览器中，可以用这种方法：
window.onload=initPage;
function initPage(){
var btn=document.getElementById("btnOK");
btn.attachEvent("onclick",WarnA);btn.attachEvent("onclick",WarnB);
}
function WarnB(){
alert("你绑定了提醒B");
}
function WarnA(){
alert("你绑定了提醒A");
}
在非IE浏览器中，使用这种绑定方法：
window.onload=initPage;
function initPage(){
var btn=document.getElementById("btnOK");
btn.addEventListener("click",WarnA);
btn.addEventListener("click",WarnB);
//btn.attachEvent("onclick",WarnA);btn.attachEvent("onclick",WarnB);
}
function WarnB(){
alert("你绑定了提醒B");
}
function WarnA(){
alert("你绑定了提醒A");
}
分享到：
相关推荐
将JavaScript事件绑定到ASP.NET对象
js事件绑定机制1
将事件和标签，完全分开， 事件分为三个主要部分，1.事件源，2.事件，3.响应行为，这三者之间的关系是如何的？这里为你解答
js回车事件绑定
js绑定事件，并动态传参，比如绑定click事件。js绑定事件，并动态传参，比如绑定click事件。 js绑定事件，并动态传参，比如绑定click事件
本文实例讲述了JS事件绑定的常用方式。分享给大家供大家参考，具体如下： 常用的事件绑定的几种方式有三种： 直接在 dom 元素上进行绑定。 用 on 绑定。 用 addEventListener、attachEvent 绑定。 一、直接在 dom...
主要介绍了JS 事件绑定、事件监听、事件委托详细介绍的相关资料,需要的朋友可以参考下
JS 事件绑定函数代码，解决了浏览器兼容，现在可以兼容IE6 7 8 FF 谷歌
主要介绍了javascript事件绑定学习要点,主要包含下面四个方面1.传统事件绑定的问题，2.W3C事件处理函数，3.IE事件处理函数，4.事件对象的其他补充，有需要的小伙伴可以参考下
js 判断是否绑定一个事件
主要介绍了JS的事件绑定、事件流模型的相关知识，非常不错，具有参考借鉴价值，感兴趣的朋友跟随脚本之家小编一起看看吧
下面小编就为大家带来一篇浅谈JavaScript事件绑定的常用方法及其优缺点分析。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
由于html是从上至下加载的，通常我们如果在head部分引入...attachEvent(事件名称, 函数)，绑定事件处理函数 detachEvent(事件名称, 函数)，解除绑定 DOM方式 addEventListener(事件名称,函数, 捕获) removeEventListe
主要介绍了javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结的相关资料,需要的朋友可以参考下
同时给元素绑定，单击事件和双击事件，解决原本两个事件不能并存的问题。 希望能帮助大家解决问题。