---
title: "div i div och mouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/102867-div-i-div-och-mouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jaar"
published: "2004-05-04T07:09:08.000Z"
updated: "2004-05-04T18:06:41.000Z"
replies: 4
views: 253
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/102867-div-i-div-och-mouseover"
---

# div i div och mouseover

## #1 — Jaar, 2004-05-04T07:09Z

Jag har en div som i sin tur innehåller andra div:ar

```
<div onMouseOut="alert('div1');">
   <div onMouseOver="this.style.backgroundColor='#FF0000';" onMouseOut="this.style.backgroundColor='#00FF00';">Test1</div>
<div onMouseOver="this.style.backgroundColor='#FF0000';" onMouseOut="this.style.backgroundColor='#00FF00';">Test2</div>
</div>
```

När man för musen över t.ex test1, så triggas både mouseover på "test1" och mouseout på "div1" (yttre diven)
I min mening så går man inte ut ur den diven förens man lämnar ytterkanterna, men så var tydligen inte fallet...

Går det att komma runt detta på något vis?

Permalänk: https://www.webforum.nu/p/102867

## #2 — jarvklo, 2004-05-04T07:25Z

Scriptfrågor får nog bättre svar i rätt forum ;)

Flyttas från  HTML, XHTML & CSS

/Jarvklo - Moderator  HTML, XHTML & CSS

Permalänk: https://www.webforum.nu/p/1337686

## #3 — Jaar, 2004-05-04T07:31Z

Hittade svaret... 

Det jag sökte var OnMouseLeave

Permalänk: https://www.webforum.nu/p/1337692

## #4 — PepeJeria, 2004-05-04T16:04Z

IE/Win only lösning dock.

Permalänk: https://www.webforum.nu/p/1338096

## #5 — Peter S, 2004-05-04T18:06Z

För att svara på din ursprungliga fråga: Anledningen till att alert()-funktionen körs är att *onmouseout*händelsen bubblar uppåt i nodhierarkin vilket innebär att även dessa noders ditohändelse aktiveras. För att hindra detta måste man alltså stoppa det här fenomenet.

En lösning kan se ut på följande vis:

```
function f(obj, evt) {
    evt = evt || window.event;

    if (typeof evt.stopPropagation != "undefined") evt.stopPropagation();
    else if (typeof evt.cancelBubble != "undefined") evt.cancelBubble = true;

    obj.style.backgroundColor = "#0f0";
}

...

<div onMouseOut="alert('div1');">
    <div onMouseOver="this.style.backgroundColor='#FF0000';" onMouseOut="f(this,event)">Test1</div>
    <div onMouseOver="this.style.backgroundColor='#FF0000';" onMouseOut="f(this,event)">Test2</div>
</div>
```

 :)

Permalänk: https://www.webforum.nu/p/1338184

---

Tråden på webben: https://www.webforum.nu/amne/javascript/102867-div-i-div-och-mouseover