Heim > Artikel > Web-Frontend > Lösung des Problems des ungültigen Onmouseover-Ereignisses von div
Lösung des Problems des ungültigen Onmouseover-Ereignisses von div
- 黄舟Original
- 2017-07-19 14:04:183876Durchsuche
Ich möchte die folgenden Funktionen erreichen: Es gibt ein a1f02c36ba31691bcfe87b2722de723b im div-Tag, und ich möchte das Bild ändern, wenn die Maus über das div fährt. Mein Ansatz besteht darin, das onmouseover-Ereignis des div zu verwenden: Ersetzen Sie den innerHTML-Inhalt des div (ersetzen Sie ihn durch ein neues a1f02c36ba31691bcfe87b2722de723b). Das onmouseout-Ereignis wechselt zurück zum vorherigen Bild, aber das onmouseover-Ereignis wird ausgeführt, aber das onmouseout-Ereignis wird nicht ausgeführt. Ich habe online nachgeschaut, dass es sich um Event-Bubbling handelt. Gibt es eine einfache Lösung für meine Bedürfnisse? Vielen Dank--
<!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>Ersetzen Sie das Mouseout durch das Mouseleave-Ereignis.
Es gibt kein Problem mit der Idee, bitte posten Sie Ihren Code, es gibt ein Problem mit Ihrem Code
$('#divId').hover(
function() {//mouseover
$(this).find("image").attr("src","......");
},
fucntion(){//mouseout
$(this).find("image").attr("src",".....");
}
);Das obige ist der detaillierte Inhalt vonLösung des Problems des ungültigen Onmouseover-Ereignisses von div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!