关联方式：1、应用“目标.on事情名 = function(){编码}”句子关联；2、应用“事件源.addEventListener(事情名字,事件处理函数名,是不是捕捉);”句子关联；3、在HTML标识中应用“onclick”特性绑定事件。
本实例教程作业环境：windows7系统软件、javascript1.8.5版、Dell G3计算机。
1、应用事件源事件特性关联处理过程
使 HTML 和 JS 分开的在其中一种方式是由应用事件源事件特性关联事件处理函数，关联文件格式如下所示：
obj.on事情名 = 事件处理函数
文件格式里的 obj 为事件源目标。关联的事情程序流程一般为一个密名函数的概念句子，或者是一个函数名称。
事件源事件特性关联处理过程实例：
oBtn.onclick = function(){//oBtn为事件源目标，它点击事件绑定了一个匿名函数界定
alert('hi')
};2、应用addEventListener()关联处理过程
addEventListener() 是标准事情模型中的一个方法，对每一个规范电脑浏览器都有效。应用 addEvent Liste ner() 绑定事件处理过程的格式如下所示：
事件源.addEventListener(事情名字,事件处理函数名,是不是捕捉);
主要参数“事情名字”是一个没有“on”事件名；主要参数“是不是捕捉”是一个布尔值，初始值为 false，取 false 时完成事件冒泡，取 true 时完成事件捕获。
通过多次启用 addEventListener() 能够为一个事件源对象同一个事件类型关联好几个事件处理函数。当目标产生情况时，全部该事件绑定的事件处理函数便会依照关联的次序先后启用实行。此外，需注意，addEventListener() 关联的事件处理函数里的 this 偏向事件源。
addEventListener() 关联处理过程实例：
document.addEventListener('click',fn1,false);//click事件绑定fn1函数公式完成事件冒泡
document.addEventListener('click',fn2,true);//click事件绑定fn2函数公式完成事件捕获3、应用HTML标签的事情特性关联处理过程
需注意，应用 HTML 标签的事情特性绑定事件处理过程的形式时，事情特性里的脚本代码不可以包括函数声明，但能是函数调用或一系列应用分号隔开的脚本代码。
案例：应用 HTML 标签的事情特性绑定事件处理过程。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>应用HTML标签的事情特性绑定事件处理过程</title>
</head>
<body>
<input type="button" onclick="var name='张三';alert(name);" value="事件绑定检测"/>
</body>
</html>以上代码的 button 为 click 事件目标用户，其通过标签的事情特性 onclick 绑定两根脚本代码开展事件解决。以上编码在 Chrome 浏览器运行后，当客户点击按键时，将弹出来警示提示框。
【强烈推荐学习培训：javascript高级教程】
以上就是关于javascript事件绑定方法有哪些的具体内容，大量欢迎关注AdminJS其他类似文章！