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 相关文章推荐
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 Javascript
使用jQuery实现购物车
Oct 29 jQuery
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
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 中include()与require()的对比
2006/10/09 PHP
php allow_url_include的应用和解释
2010/04/22 PHP
PHP中使用curl入门教程
2015/07/02 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
js右键菜单效果代码
2007/07/21 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
jQuery中extend函数详解
2015/07/13 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
nuxt中使用路由守卫的方法步骤
2019/01/27 Javascript
jquery实现垂直无限轮播的方法分析
2019/07/16 jQuery
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
使用Python生成随机密码的示例分享
2016/02/18 Python
Python适配器模式代码实现解析
2019/08/02 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
工厂搬迁方案
2014/05/11 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
信访工作个人总结
2015/03/03 职场文书
企业愿景口号
2015/12/25 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript