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 原型模式实现OOP的再研究
Apr 09 Javascript
js css样式操作代码(批量操作)
Oct 09 Javascript
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
Apr 14 Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
jQuery响应滚动条事件功能示例
Oct 14 jQuery
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
Sep 02 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使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
yii2实现 "上一篇,下一篇" 功能的代码实例
2017/02/04 PHP
form表单传递数组数据、php脚本接收的实例
2017/02/09 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
2011/04/27 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
ES11屡试不爽的新特性,你用上了几个
2020/10/21 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
python利用requests库进行接口测试的方法详解
2018/07/06 Python
详解django中使用定时任务的方法
2018/09/27 Python
python实现文本界面网络聊天室
2018/12/12 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
大学生未来职业生涯规划书
2014/02/15 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
2014年女职工工作总结
2014/11/27 职场文书
实习生辞职信范文
2015/03/02 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript