87,989
社区成员
发帖
与我相关
我的任务
分享为什么鼠标移开和移到文本上，背景颜色都没变。哪里有问题？
<body>
<p id="p1">为对象注册多个事件</p>
<script>
var p1=document.getElementById("P1");
p1.addEventListener("mouseover",function(){
this.style.background='blue';},ture
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
</body>
<p id="p1">为对象注册多个事件</p>
<script>
var p1=document.getElementById("P1");
p1.addEventListener("mouseover",function(){
this.style.background='blue';},ture
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
</body>
...全文
请发表友善的回复…
发表回复
jackipan 2018-08-21
- 打赏
- 举报
<script>
var p1=document.getElementById("p1");
p1.addEventListener("mouseover",function(){
this.style.background='blue';},true
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
有两处错误，错误点已经加粗
var p1=document.getElementById("p1");
p1.addEventListener("mouseover",function(){
this.style.background='blue';},true
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
有两处错误，错误点已经加粗
qq_33044507 2018-08-14
- 打赏
- 举报
ture写错了
Smileharuka 2018-08-13
- 打赏
- 举报
代码我运行了一下，发现了2处问题：
1、var p1=document.getElementById("P1"); 这里获取的ID和你html里面写的ID不一致；
2、p1.addEventListener("mouseover",function(){
this.style.background='blue';},ture
); 这里ture写错了，应该是true；
改完之后，鼠标移到p标签上面，就可以变色了
1、var p1=document.getElementById("P1"); 这里获取的ID和你html里面写的ID不一致；
2、p1.addEventListener("mouseover",function(){
this.style.background='blue';},ture
); 这里ture写错了，应该是true；
改完之后，鼠标移到p标签上面，就可以变色了
Aaron-zon 2018-08-03
- 打赏
- 举报
事件错了addEventListener（'事件名称'，函数，false）这个格式
天际的海浪 2018-08-02
- 打赏
- 举报
<p id="p1">为对象注册多个事件</p>
<script>
var p1=document.getElementById("p1");//p是小写
p1.addEventListener("mouseover",function(){
this.style.background='blue';},true //true写成ture了
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
<script>
var p1=document.getElementById("p1");//p是小写
p1.addEventListener("mouseover",function(){
this.style.background='blue';},true //true写成ture了
);
p1.addEventListener("mouseout",function(){
this.style.background='red';
},true);
</script>
1234Wu 2018-08-02
- 打赏
- 举报
求大神帮助！
