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 相关文章推荐
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
深入理解JavaScript编程中的原型概念
Jun 25 Javascript
javascript实现点击提交按钮后显示loading的方法
Jul 03 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 Javascript
vue 如何使用递归组件
Oct 23 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
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
php实现每日签到功能
2018/11/29 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
Python使用chardet判断字符编码
2015/05/09 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
Python测试线程应用程序过程解析
2019/12/31 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
python利用opencv实现颜色检测
2021/02/23 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
专升本自我鉴定
2013/10/10 职场文书
日语专业个人求职信范文
2014/02/02 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
政风行风评议工作总结
2014/10/21 职场文书
2015年女职工工作总结
2015/05/15 职场文书
2019各种保证书范文
2019/06/24 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
logback如何自定义日志存储
2021/08/30 Java/Android
一起来学习Python的元组和列表
2022/03/13 Python
nginx共享内存的机制详解
2022/03/21 Servers
什么是SOLID
2022/03/24 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js