addEventListener和attachEvent的区别
1、参数的个数不同 2、方法名不同 3、有on和没有的区别 4、执行过程不同 5、绑定事件的this指向不同 6、浏览器的兼容不同
addEventListener
<!-- 第一个参数:事件类型(事件的名字)==没有on -->
<!-- 第二各参数,事件处理函数:命名函数和匿名函数 -->
<!-- 第三个参数 事件捕获,默认全为false -->
my$("btn").addEventListener("click",function(){
console.log("哈哈");
},false);
<!-- this是当前的绑定事件对象 -->
<!-- 谷歌和火狐支持 IE11支持,IE8不支持 -->
attachEvent
<!-- 第一个参数事件类型,必须要有on -->
<!-- 第二个参数:事件处理函数 -->
方法是IE支持
my$("btn").attachEvent("onclick",function(){
console.log("哈哈");
});
<!-- this指向是window -->
<!-- 谷歌火狐不支持,IE11也不支持,IE8支持 -->
事件绑定和事件解绑
行内事件绑定 (直接删除js代码)
直接获取到btn添加事件( 将onclick后面添加的事件置空就行了)
使用绑定事件的API addEventListener attachEvent
解绑就是removeEventListener detachEvent
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Browser-use 详细介绍&使用文档
· 软件产品开发中常见的10个问题及处理方法
· Vite CVE-2025-30208 安全漏洞