JS中动态添加事件(绑定事件)的代码


Posted in Javascript onJanuary 09, 2011

两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:

var t = document.getElementById("tab1"); 
t.onclick = function tst(){ 
alert(''); 
}

第二种情况
var tb = document.getElementById("tab1"); 
if(window.addEventListener){ // Mozilla, Netscape, Firefox 
td_value.addEventListener('click', alert('11'), false); 
td_value.addEventListener('click', alert('12'), false); 
} else { // IE 
td_value.attachEvent('onclick', function(){alert('21');}); 
td_value.attachEvent('onclick', function(){alert('2'2);}); 
}
Javascript 相关文章推荐
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
写出高效jquery代码的19条指南
Mar 19 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
Feb 18 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
Angular 2.x学习教程之结构指令详解
May 25 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
jquery的extend和fn.extend的使用说明
Jan 09 #Javascript
js对象之JS入门之Array对象操作小结
Jan 09 #Javascript
理解JavaScript中的对象 推荐
Jan 09 #Javascript
最佳JS代码编写的14条技巧
Jan 09 #Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 #Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 #Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 #Javascript
You might like
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
php实现爬取和分析知乎用户数据
2016/01/26 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
PHP实现二维数组去重功能示例
2017/01/12 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
基于python 字符编码的理解
2017/09/02 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python和c语言的主要区别总结
2019/07/07 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
django修改models重建数据库的操作
2020/03/31 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
幼儿园三八妇女节活动方案
2014/03/11 职场文书
新品发布会主持词
2014/04/02 职场文书
春节请假条
2014/04/11 职场文书
综合测评自我评价
2015/03/06 职场文书