---
title: "onmouseout, fungerar ej med flera element"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/167252-onmouseout-fungerar-ej-med-flera-element"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "phred"
published: "2007-12-13T19:23:23.000Z"
updated: "2007-12-13T20:00:02.000Z"
replies: 4
views: 704
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/167252-onmouseout-fungerar-ej-med-flera-element"
---

# onmouseout, fungerar ej med flera element

## #1 — phred, 2007-12-13T19:23Z

Hej!

Har en div som kan öppnas och stängas, jag klickar på en knapp så öppnas den, klickar jag på samma knapp igen så stängs den.
Nu vill jag även att om man drar musen utanför diven så ska den stängas, det fungerar också bra, förutsatt att jag inte har något annat element i diven.

Lägger jag tex en länk i diven som öppnas.

```
<a href="urlen">Länktext</a>
```

så stängs diven och jag för musen över den och det vill jag inte.

Hur komma runt ?

Tack!

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

## #2 — Peter S, 2007-12-13T19:40Z

Exempel:

```
<script>
function f(d,e)
{
 e = window.event || e;
 var currElm = window.event ? e.toElement : e.relatedTarget;
 while (currElm){
  if (currElm == d) return;
  currElm = currElm.parentNode;
 }
 d.style.visibility = 'hidden';
}
</script>
<form>
 <input type="button" onclick="document.getElementsByTagName('div').item(0).style.visibility='visible'">
</form>
<div style="background:red;padding:5px" onmouseout="f(this,event)">
 <a href="">My link</a>
</div>
```

Red./ Det verkar som att ett mellanrum smyger sig in i koden vid det sista 'visibility' - tag bort det mellanrummet.

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

## #3 — phred, 2007-12-13T19:53Z

Skitbra!

Tack så mycket, men jag skulle mer än gärna vilja veta vad den gör ? ;)

Jag bytte även ut visibility till display.

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

## #4 — Peter S, 2007-12-13T19:58Z

Koden registrerar först vilket element på sidan som muspekaren träffar då onmouseout-eventet avfyras. Om det elementet härstammar från \<div\>:en ger vi tusan i att dölja \<div\>:en, eftersom vi fortfarande befinner oss i den.

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

## #5 — phred, 2007-12-13T20:00Z

Tack för det Peter S.

Du har säkert hört det förr men jag säger det igen, du är en klippa :D

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/167252-onmouseout-fungerar-ej-med-flera-element