[JavaScript] Sprawdzenie co wywołało zdarzenie Opcje

[dariolee]

Witam,
Jak sprawdzić jaki element wywołał zdarzenie ?

[HTML] pobierz, plaintext 
<div style="background:green" onmouseout="alert('poza');"><p style="background:red">fdsafdasfdasfdasfadfdasfdsa</p>
<p style="background:blue">fdsafdafdasfdsafdasfasdfdasfdas</p></div>
[HTML] pobierz, plaintext 

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

Ten post edytował zegarek84 22.07.2009, 10:53:01

[sebax3x]

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

[HTML] pobierz, plaintext 
$(this).click(function () {
var e = event || window.event;
if( e.target ){
     var node = e.target;
     alert(node.tagName+ 'node'); }
   else{
     var node = e.srcElement;
     alert(node.tagName+ 'node');
    }
}
[HTML] pobierz, plaintext 

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 (IMG:style_emoticons/default/smile.gif)