Lösung des Problems des ungültigen Onmouseover-Ereignisses von div-js-Tutorial-php.cn

Lösung des Problems des ungültigen Onmouseover-Ereignisses von div

黄舟

Freigeben： 2017-07-19 14:04:18

Original

3906 Leute haben es durchsucht

Ich möchte die folgenden Funktionen erreichen: Es gibt ein 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 ). 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>

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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!