本文的例子讲述了JavaScript Dom绑定事件操作。分享给大家参考，如下：

JavaScript Dom绑定事件

//先获取Dom对象，然后绑定document.getElementByid ('xx ')。onclick document . getelementbyid(' xx ')。onfocus//无论谁调用这个函数，都会指向这个：当前出发事件的标签和全局对象窗口

第一，绑定方法

输入id=' i1 ' type=' button ' onclick=' click on(this)'函数click on(this){//这是指当前被点击的标签}其次，绑定方法

input id=' i1 ' type=' button ' document . getelementbyid(' i1 ')。onclick=function(){//这与当前单击的label } var mytrs=document . getelementsbyname(' tr ')有关；var len=myTrs.lengthfor(var I=0；伊琳；I) {mytrs [I]。onmouseover=function(){//binding event this . style . background color=' red '；}三、绑定方法

一个事件触发两个结果：addEventListener和w3c提供

标记对象。addeventlistener ('click '，function(){ console . log(' AAA ')；}，false)；标记对象。addeventlistener ('click '，function(){ console . log(' BBB ')；}，false)；

注意：三个参数：false代表事件模型。泡泡模型。

注意：三个参数：true表示事件模型。捕捉模型。

示例：

迭代标签:用鼠标点击标签后，A和A同时启动事件

div id=' A ' div id=' A '/div/diva . addeventlistener(' click ')，function(){ console . log(' AAA ')；}，false)；A.addEventListener('click '，function(){ console . log(' AAA ')；}，false)；注：气泡模型：先输出一个标签，后输出一个标签

注意：捕获模型：首先输出一个标签，然后输出一个标签

PS:这里我们附上javascript系统的事件引用表，供大家参考：

Javascript事件和功能描述：http://tools.jb51.net/table/javascript_event

有关JavaScript的更多信息，请参见本网站的主题：《JavaScript事件相关操作与技巧大全》、《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》和0103010。

希望本文对JavaScript编程有所帮助。