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 相关文章推荐
jQuery UI Autocomplete 1.8.16 中文输入修正代码
Apr 16 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
node.js中的path.basename方法使用说明
Dec 09 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
vue2.0 如何在hash模式下实现微信分享
Jan 22 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
vue.js实现照片放大功能
Jun 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
php fckeditor 调用的函数
2009/06/21 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
为你总结一些php信息函数
2015/10/21 PHP
jquery选择器(常用选择器说明)
2010/09/28 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
Vue.js中的图片引用路径的方式
2017/07/28 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
自己使用总结Python程序代码片段
2015/06/02 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
python http基本验证方法
2018/12/26 Python
Python中正则表达式的用法总结
2019/02/22 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
Python绘制热力图示例
2019/09/27 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
Python爬虫入门教程01之爬取豆瓣Top电影
2021/01/24 Python
协议书样本
2014/04/23 职场文书
卖房协议书样本
2014/10/30 职场文书
领导欢迎词致辞
2015/01/23 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
解决golang 关于全局变量的坑
2021/05/06 Golang
使用python如何删除同一文件夹下相似的图片
2021/05/07 Python
索尼ICF-36收音机评测
2022/04/30 无线电