本文摘自PHP中文网,作者逆旅行人,侵删。
问题:添加到脚本中被覆盖?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title >php.cn</ title >
</ head >
< body >
< button onclick = "" >按钮2</ button >
< script >
const btn2=document.querySelector("button");
btn2.onclick=function(){
alert("你好");
}
btn2.onclick=function(){ //这个会覆盖上面的onclick
alert("我也很好");
}
</ script >
</ body >
</ html >
|
解决方法:
1. 将二者合并在一起
1 2 3 4 5 6 7 | <script>
const btn2=document.querySelector( "button" );
btn2.onclick= function (){
alert( "你好" );
alert( "我也很好" );
}
</script>
|
2.添加事件监听器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html>
<html lang= "en" >
<head>
<meta charset= "UTF-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<title>php.cn</title>
</head>
<body>
<button>按钮2</button>
<script>
const btn1=document.querySelector( "button" );
console.log(btn1);
btn1.addEventListener( "click" ,()=>alert( "你好" ));
btn1.addEventListener( "click" , function (){
alert( "我也很好" )
});
</script>
</body>
</html>
|
推荐:《2021年js面试题及答案(大汇总)》
以上就是Javascript中添加事件到脚本被覆盖的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
聊聊javascript里的sleep()方法
javascript是软件么
使用gpu.js提高javascript应用性能的小技巧
jquery的after方法怎么用
javascript使用什么来标识
javascript怎么隐藏表格
javascript中怎么求数组的平均值
一文搞懂javascript中 ! 和 !! 的区别!
javascript可以跳出函数吗
关于javascript监听组合按键
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » Javascript中添加事件到脚本被覆盖