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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
js 窗口抖动示例
Sep 04 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
Jquery动态列功能完整实例
Aug 30 jQuery
实例讲解React 组件
Jul 07 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下的权限算法的实现
2007/04/28 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
Javascript !!的作用
2008/12/04 Javascript
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
不可错过的十本Python好书
2017/07/06 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
绿色家庭事迹材料
2014/05/01 职场文书
道德之星事迹材料
2014/05/03 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
写景作文评语集锦
2014/12/25 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技