讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

JS 事件绑定函数代码_javascript技巧

php中文网
发布： 2016-05-16 18:28:27
原创
939人浏览过
主要解决了

浏览器兼容，现在可以兼容IE6 7 8 FF 谷歌（废话）
IE浏览器里，this指向问题。
直接上代码吧！
复制代码 代码如下:

var bind=function(object,type,fn){
if(object.attachEvent){//IE浏览器
object.attachEvent("on"+type,(function(){
return function(event){
window.event.cancelBubble=true;//停止时间冒泡
object.attachEvent=[fn.apply(object)];//----这里我要讲的是这里
}
})(object),false);
}else if(object.addEventListener){//其他浏览器
object.addEventListener(type,function(event){
event.stopPropagation();//停止时间冒泡
fn.apply(this)
});
}

}

//下面是给AAA这个ID添加了一个click事件
bind(document.getElementById("aaa"),"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第1个函数")});
bind(document.getElementById("aaa"),"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第2个函数")});

代码很简单，不用多解释。用用就知道了。呵呵。
相关标签：
js

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：jquery 事件对象属性小结_jquery 下一篇：Google排名中的10个最著名的 JavaScript库_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript如何实现无限滚动效果？ JavaScript无限滚动核心是监听scroll事件，通过scrollTop+clientHeight≥scrollHeight-阈值判断触底，配合isLoading防抖、DocumentFragment批量插入及无数据提示等优化体验。
2025-12-19 15:09:33
204
javascript如何发送HTTP请求_fetch和axios该如何选择 优先用fetch，因其轻量、标准、无需引入；复杂项目需拦截、取消请求、上传进度等时选axios。两者定位不同：fetch是基础设施，axios是增强工具，合适即可。
2025-12-19 14:58:02
451
javascript如何操作浏览器历史记录_如何实现前进和后退功能？ JavaScript通过window.history对象实现浏览器历史记录操作，核心方法包括back()、forward()、go()、pushState()和replaceState()，支持基础导航、灵活跳转及单页应用的状态管理。
2025-12-19 14:57:07
259
Javascript如何操作JSON_如何进行序列化和解析？ JavaScript操作JSON主要靠JSON.stringify()和JSON.parse()：前者将对象序列化为字符串，支持过滤字段和格式化输出；后者将字符串解析为对象，支持reviver函数处理值；二者均不支持函数、undefined、Symbol等类型，需注意Date转换、循环引用及大数字精度问题。
2025-12-19 14:46:02
422
javascript事件是什么_如何为网页元素添加点击事件 JavaScript事件是用户交互触发的信号，addEventListener是现代标准事件监听方法，支持多监听、不覆盖，需确保元素存在DOM中，常用获取方式有getElementById等，避免内联事件和执行时机错误。
2025-12-19 14:36:49
705
javascript定时器有哪些_setTimeout和setInterval有何区别 setTimeout只执行一次，setInterval周期性重复执行；前者用于延迟操作，后者用于轮询或倒计时，均需用clearTimeout/clearInterval手动清除以防内存泄漏。
2025-12-19 14:31:30
988
为什么JavaScript的数组方法如此强大_map、filter和reduce如何使用？ JavaScript数组的map、filter、reduce方法分别用于转换、筛选和聚合：map批量生成新数组，filter返回符合条件的子集，reduce将数组归约为单一值，三者均不修改原数组，提升代码简洁性与可维护性。
2025-12-19 14:08:03
835
怎样使用javascriptArrayBuffer_二进制数据如何操作？ ArrayBuffer是JavaScript中操作二进制数据的基础内存容器，需配合Uint8Array、Int32Array或DataView等视图使用；其长度固定，创建后不可变，常用于文件读取、网络请求、Canvas像素处理及WebAssembly等场景。
2025-12-19 14:04:02
823
什么是JavaScript中的装饰器_它们如何增强类和函数？ 装饰器是JavaScript中用于修改类、方法、访问器或参数行为的语法特性，本质为接收目标对象等参数并返回新定义的函数；目前处于TC39Stage3提案阶段，未正式标准化，但已被TypeScript和Babel广泛支持。
2025-12-19 13:45:21
273
javascript事件循环是什么_为什么理解它至关重要？ JavaScript事件循环是协调同步与异步代码执行的核心调度机制，通过宏任务与微任务队列的优先级调度，实现单线程下的非阻塞响应，确保页面不卡顿。
2025-12-19 13:33:08
633
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部