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 弹出层组件(升级版)
May 12 Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
详解js删除数组中的指定元素
Oct 31 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
vue框架中props的typescript用法详解
Feb 17 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对象转换为数组函数(递归方法)
2012/02/04 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
PHP编写简单的App接口
2016/08/28 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
js 中将多个逗号替换为一个逗号的代码
2014/06/07 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
Python Web服务器Tornado使用小结
2014/05/06 Python
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
Python中有趣在__call__函数
2015/06/21 Python
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
Python 爬虫的工具列表大全
2016/01/31 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
Django框架反向解析操作详解
2019/11/28 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
解决python pandas读取excel中多个不同sheet表格存在的问题
2020/07/14 Python
Pycharm安装python库的方法
2020/11/24 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
经典c++面试题二
2015/08/14 面试题
农村党建工作汇报材料
2014/10/27 职场文书
专业见习报告范文
2014/11/03 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python