Avatar billede andreas13_fam Nybegynder
06. april 2010 - 21:27 Der er 8 kommentarer og
1 løsning

registreing af mouseout event på et enkelt element.

registrering af mouseout event på et enkelt element.

Jeg har en <div class="forside-top"> med et mouseout event. Jeg ønsker så at kunne registrere hvornår musen bevæger sig væk fra det element. I mit tilfælde er det til <div id="forside">.
Eksemplet kan ses her http://beta.netkogeren.dk
Avatar billede olebole Juniormester
07. april 2010 - 13:38 #1
<ole>

Jeg er ikke sikker på, jeg forstår dit ønske. Hvad er det helt præcist, du vil kunne fange?

/mvh
</bole>
Avatar billede andreas13_fam Nybegynder
07. april 2010 - 14:18 #2
Ja, det kan godt være jeg er lidt uklar. Et andet eksempel:


<body>
<div style="background-color:#00F;">
  <div onmouseout="foo(event)" style="padding:5px;background-color:#0F0;">
    <div style="width:200px;height:50px;background-color:red;">
    </div>
  </div>
</div>
</body>


I dette eksempel vil foo(event) køre ved en række forskellige tilfælde.

Jeg ønsker at fange det tilfælde hvor, musen bevæger sig fra <div onmouseout="foo(event)"> til <div style="background-color:#00F;">

Dette kan jeg gøre med event.relatedTarget. Men den variable vil pege på <body>
og i et mere komplekst tilfælde kan den pege utrolig mange forskellige steder hen, hvis man bevæger musen hurtigt.
Avatar billede olebole Juniormester
07. april 2010 - 14:54 #3
Af samme grund indførte Microsoft onmouseenter og onmouseleave i Explorer:
    http://msdn.microsoft.com/en-us/library/ms536945(VS.85).aspx
    http://msdn.microsoft.com/en-us/library/ms536946(v=VS.85).aspx

- og de er sidenhen gået hen og blevet standard i DOM Level 3, omend det stadig kun er IE, der supporterer dem:
    http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-mouseenter

Her er en artikel (af adskillige), som forsøger at lave en X-browser løsning på problemet:
    http://blog.stchur.com/2007/03/15/mouseenter-and-mouseleave-events-for-firefox-and-other-non-ie-browsers/

- men det er ikke for bagerlærlinge  ;o
Avatar billede andreas13_fam Nybegynder
07. april 2010 - 16:27 #4
I det tilfælde er jeg ikke en bagerlærlinge mere, for jeg havde overvejet netop den løsning.

Problemmet er bare at jeg også har været ude for nogen meget mærkelige tilfælde.

Fx:

<body>
  <div>
    <div id="musStart"></div>
  </div>
  <div>
    <div id="musSlut"></div>
  </div>
</body>


Så har jeg prøvet at holde musen i #musStart, bevæge den, og få relTarget til at være #musSlut.

Men jeg har fundet en anden løsning, som ikke bruger onmouseout.
Men jeg er aligevel gald for dit svar, så jeg vil bede dig om at ligge et svar.
Avatar billede andreas13_fam Nybegynder
22. maj 2010 - 23:59 #5
Vil du ligge et svar?
Avatar billede olebole Juniormester
24. maj 2010 - 15:26 #6
Hvis jeg må få lov at lægge det, vil jeg vær glad  ;o)
Avatar billede olebole Juniormester
24. maj 2010 - 15:27 #7
"... vil jeg være glad"
Avatar billede andreas13_fam Nybegynder
25. maj 2010 - 14:35 #8
Må jeg have lov til at sige tak for hjælpen :)
Avatar billede olebole Juniormester
25. maj 2010 - 15:00 #9
Ja, det går jo nok lige - hvis jeg altså må have lov at sige tak for points  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester