JavaScript为元素动态添加事件之(attachEvent||addEventListener)
2009-06-18 16:45
344 查看
本文介绍如何在运行时为元素添加事件以及添加带参数引用。我们在此通过attachEvent以及addEventListener
来为指定元素动态添加事件。其中,IE浏览器以及使用IE内核的浏览器中使用方法(attachEvent)来为元素动态添加
处理事件。其他浏览器则使用(addEventListener)方法动态添加处理事件。
以下是示例代码:
<table cellpadding="0" cellspacing="0" style="padding:0px; margin:0px;">
2 <tr style="background-color:#CCC;padding:4px;">
3 <td id="tmtd">模板管理</td>
4 <td id="nltd">类别管理</td>
5 </tr>
6 <tr>
7 <td>
8 <ul class="hid" id="tmpmgt">
9 <li><a href="tmpList">模板管理</a></li>
10 <li><a href="editTmp.">添加模板</a></li>
11 </ul>
12 </td>
13 <td>
14 <ul class="hid" id="nltmgt">
15 <li><a href="nlttypelist.">类别列表</a></li>
16 <li><a href="editnlttype.">添加类别</a></li>
17 </ul>
18 </td>
19 </tr>
20</table>
来为指定元素动态添加事件。其中,IE浏览器以及使用IE内核的浏览器中使用方法(attachEvent)来为元素动态添加
处理事件。其他浏览器则使用(addEventListener)方法动态添加处理事件。
以下是示例代码:
<table cellpadding="0" cellspacing="0" style="padding:0px; margin:0px;">
2 <tr style="background-color:#CCC;padding:4px;">
3 <td id="tmtd">模板管理</td>
4 <td id="nltd">类别管理</td>
5 </tr>
6 <tr>
7 <td>
8 <ul class="hid" id="tmpmgt">
9 <li><a href="tmpList">模板管理</a></li>
10 <li><a href="editTmp.">添加模板</a></li>
11 </ul>
12 </td>
13 <td>
14 <ul class="hid" id="nltmgt">
15 <li><a href="nlttypelist.">类别列表</a></li>
16 <li><a href="editnlttype.">添加类别</a></li>
17 </ul>
18 </td>
19 </tr>
20</table>
相关文章推荐
- Javascript为元素动态的添加事件包括两种情况:
- JavaScript动态的为元素添加事件
- JavaScript动态的为元素添加事件
- Javascript添加事件的addEventListener()及attachEvent()区别分析
- JavaScript动态的为元素添加事件
- JavaScript动态的为元素添加事件
- javascript,jquery动态添加dom元素,并设定css属性,点击事件
- JAVASCRIPT动态的为元素添加事件
- [JavaScript]页面动态添加Object元素及ActiveX控件事件关联
- [转载]给Jquery动态添加的元素添加事件
- javaScript动态添加Li元素的实例
- javascript addEventListener和attachEvent 事件绑定
- Javascript 给页面元素添加事件函数探讨
- 如何为页面动态生成的元素添加事件(如append()动态添加的标签)
- js为动态添加的元素增加事件(事件委托)
- jquery append 动态添加的元素事件on 不起作用的解决方案
- jQuery-为动态添加的元素绑定事件
- 给Jquery动态添加的元素添加事件
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- jquery:为动态加载的元素添加点击事件