Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Sprawdzenie co wywołało zdarzenie
Forum PHP.pl > Forum > Przedszkole
dariolee
Witam,
Jak sprawdzić jaki element wywołał zdarzenie ?

  1. <div style="background:green" onmouseout="alert('poza');"><p style="background:red">fdsafdasfdasfdasfadfdasfdsa</p>
  2. <p style="background:blue">fdsafdafdasfdsafdasfasdfdasfdas</p></div>

I teraz jak sprawdzić czy alert wywołał div czy ktoryś ze znaczników <p> w tym divie??
#luq
Obiekt Event ma właściwość target (w przeglądarkach zgodnych z modelem DOM) w IE jest to srcElement.
dariolee
A może jakiś przykładowy kodzik ?
erix
A może jakieś przykładowe Twoje szukanie z Google?
dariolee
Znalazłem coś takiego:
Kod
function functionName(event) {
    var e = event || window.event;

   if( e.target ){
     var node = e.target;
     alert(node+ 'node'); }
   else{
     var node = e.srcElement;
     alert(node+ 'node');
    }
}

I na Firefoxie alertem pokazuje mi np: [object HTMLDivElement] a w IE samo [object]. Da się jakoś z ie wyciągnąć co to było konkretnie czy div czy <p> itp ?
nospor
node.tagName

Interesuj sie wlasciwosciami obiektow, ktorych uzywasz
dariolee
W końcu znalazłem ciekawe rozwiązanie:

Kod
function catchevent() {
eventSrcID=(event.srcElement)?event.srcElement.id:'undefined';
eventtype=event.type;
status=eventSrcID+' has received a '+eventtype+' event.';
}


pokazujące id elementu nad którym jest kursor myszki z tym, że jest to pod IE.
Próbowałem przerobic to na FF zamieniając srcElement na target ale nie poszło. Gdzie popełniłem błąd ? W FF w konsoli błędów pokazuje mi, że event nie jest zdefiniowany.

Kod
function catcheventFireFox() {
eventSrcID=(event.target)?event.target.id:'undefined';
eventtype=event.type;
status=eventSrcID+' has received a '+eventtype+' event.';
}

próbowałem i tak
Kod
function catcheventFireFox(event) {
var e = event || window.event;
eventSrcID=(e.target)?e.target.id:'undefined';
eventtype=e.type;
status=eventSrcID+' has received a '+eventtype+' event.';
}
zegarek84
http://www.quirksmode.org/js/events_mouse.html#relatedtarget
i też niżej Cross–browser scripts... ogólnie przejrzyj całą tamtą stronę a nawet cały dział o zdarzeniach event...

Event example
sebax3x
Też mam podobny problem - mimo usilnych poszukiwań nie znalazłem rozwiązania.
Stosuje funkcję:

  1. $(this).click(function () {
  2. var e = event || window.event;
  3. if( e.target ){
  4. var node = e.target;
  5. alert(node.tagName+ 'node'); }
  6. else{
  7. var node = e.srcElement;
  8. alert(node.tagName+ 'node');
  9. }
  10. }


na elemencie (img), pod Chrome pokazuje mi po kliknięciu na ten element (obrazek) to co chcę uzyskać czyli, "IMG", typ elementu, natomiast pod Firefoksem alert nie jest wyświetlany - jak ta funkcja powinna wyglądać dla Firefoxa?
nospor
nie: function () {
a chyba raczej: function (event) {
ale glowy nie daje bo dawno nie bawilem sie eventami
sebax3x
Właśnie o to chodziło, dzięki wielkie smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.