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 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
Mar 01 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
webpack进阶——缓存与独立打包的用法
Aug 02 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
Node.js文本文件BOM头的去除方法
Nov 22 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判断用户是否手机访问代码
2015/06/08 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
javascript 数组操作详解
2015/01/29 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
three.js实现圆柱体
2018/12/30 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
[00:57]英雄,你的补给到了!
2020/11/13 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
python web基础之加载静态文件实例
2018/03/20 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
浅谈Python接口对json串的处理方法
2018/12/19 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
对照四风自我剖析材料
2014/10/07 职场文书
2014年教育工作总结
2014/11/26 职场文书
2019个人半年工作总结
2019/06/21 职场文书
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python