cari

Rumah >hujung hadapan web >tutorial js >关于div的onmouseover事件失效的问题解决

关于div的onmouseover事件失效的问题解决

黄舟
黄舟asal
2017-07-19 14:04:183997semak imbas

想实现如下功能：div标签内有个a1f02c36ba31691bcfe87b2722de723b,鼠标经过div时想改变图片，我的做法是，div的onmouseover事件:替换掉div的innerHTML内容(换成新的a1f02c36ba31691bcfe87b2722de723b),onmouseout事件再换回之前的图片，但onmouseover事件执行了，onmouseout事件却没有执行，这是为何？网上查了下说是有关事件冒泡的东西，针对我的需求有何简单解决方案？多谢--

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
</style>
<script type="text/javascript">
function changeImg() {
var imageEle = document.getElementById("img");
imageEle.src = "2.jpg";
}
function changeImgAgain() {
var imageEle = document.getElementById("img");
imageEle.src = "1.jpg";
}
</script>
</head>
<body>
<div id="handler" onmouseover="changeImg()" onmouseout="changeImgAgain()" style="backgound: #333; width: 300px; height: 300px"></div>
<div><image id="img" src="1.jpg" /></div>
</body>

将mouseout换成mouseleave事件。

思路是没有问题的，贴出你的代码吧，是你的代码有问题

$(&#39;#divId&#39;).hover(
　　function() {//mouseover
　　　　$(this).find("image").attr("src","......");
      },
      fucntion(){//mouseout
　　　　$(this).find("image").attr("src",".....");
     }
);

Atas ialah kandungan terperinci 关于div的onmouseover事件失效的问题解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery各种遍历数组及json对象的实例代码汇总Artikel seterusnya：jquery each拿取对象的方式实例详解

Artikel berkaitan

Lihat lagi