87,910
社区成员
发帖
与我相关
我的任务
分享JS 中鼠标事件没反应
<html>
<head>
<title>图片预览</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
li{
float:left;
display:inline;
margin-right:10px;
border:1px solid #AAAAAA;
}
</style>
</head>
<body>
<ul>
<li><img src="C:\Users\lenovoo\Desktop\网页\05.png" id="pic1" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\06.jpg" id="pic2" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\07.jpg" id="pic3" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\08.jpg" id="pic4" onmouseover="preview()"></li>
</ul>
<div id="div1" onmouseout="clear()">asd</div>
</body>
</html>
<script type="text/javascript">
$("img").css("height","300").css("width","350");
var str="";
function preview()
{
if(event.srcElement.id=="pic1")
{
str="<img src="+pic1.src+">";
}
if(event.srcElement.id=="pic2")
{
str="<img src="+pic2.src+">";
}
if(event.srcElement.id=="pic3")
{
str="<img src="+pic3.src+">";
}
if(event.srcElement.id=="pic4")
{
str="<img src="+pic4.src+">";
}
$("#div1").html(str);
}
function clear()
{
document.getElementById("div1").innerHTML="qwe";
}
</script>
我想让鼠标离开预览的图片后图片就消失，但没有反应。我用IE的F12一步一步运行到clear（）就消失了，关掉F12后就正常了，但再刷新一下网页onmouseout就又没反应了，换了chrome也是这个情况，怎么解决啊？
<head>
<title>图片预览</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
li{
float:left;
display:inline;
margin-right:10px;
border:1px solid #AAAAAA;
}
</style>
</head>
<body>
<ul>
<li><img src="C:\Users\lenovoo\Desktop\网页\05.png" id="pic1" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\06.jpg" id="pic2" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\07.jpg" id="pic3" onmouseover="preview()"></li>
<li><img src="C:\Users\lenovoo\Desktop\网页\08.jpg" id="pic4" onmouseover="preview()"></li>
</ul>
<div id="div1" onmouseout="clear()">asd</div>
</body>
</html>
<script type="text/javascript">
$("img").css("height","300").css("width","350");
var str="";
function preview()
{
if(event.srcElement.id=="pic1")
{
str="<img src="+pic1.src+">";
}
if(event.srcElement.id=="pic2")
{
str="<img src="+pic2.src+">";
}
if(event.srcElement.id=="pic3")
{
str="<img src="+pic3.src+">";
}
if(event.srcElement.id=="pic4")
{
str="<img src="+pic4.src+">";
}
$("#div1").html(str);
}
function clear()
{
document.getElementById("div1").innerHTML="qwe";
}
</script>
我想让鼠标离开预览的图片后图片就消失，但没有反应。我用IE的F12一步一步运行到clear（）就消失了，关掉F12后就正常了，但再刷新一下网页onmouseout就又没反应了，换了chrome也是这个情况，怎么解决啊？
...全文
请发表友善的回复…
发表回复
Any_King 2017-09-28
- 打赏
- 举报
谢谢二楼的帮助
chinashiji 2017-09-21
- 打赏
- 举报
getElementById方法不能加#
不要与jquery的 $("#div1")混淆
天际的海浪 2017-09-20
- 打赏
- 举报
getElementById方法不能加#
不要与jquery的 $("#div1")混淆
天际的海浪 2017-09-20
- 打赏
- 举报
别用clear作函数名，会与document.clear()冲突。因为标签上设置的事件中包含document作用域
WD_H 2017-09-20
- 打赏
- 举报
document.getElementById("div1").innerHTML="qwe"; id名字少了#
