window.event.srcElement ne fonctionne pas pour firefox?

Question

Ce qui suit ne fonctionne pas pour firefox. J'essaie de supprimer la ligne de la table sur le clic. Quelqu'un peut-il aider s'il vous plait. Merci beaucoup.

<INPUT TYPE="Button" onClick="delRow()" VALUE="Remove"> 

function delRow(){ 
    if(window.event){ 
     var current = window.event.srcElement; 
    }else{ 
     var current = window.event.target; 
    } 
    //here we will delete the line 
    while ((current = current.parentElement) && current.tagName !="TR"); 
     current.parentElement.removeChild(current); 
} 

Answer 1

1. window.événement est IE seulement. window.event n'existe pas dans la norme W3C.
2. objet d'événement par défaut est passer en tant que premier argument à un gestionnaire d'événements avec la norme W3C.
3. Un événement onlick en ligne dans le balisage appelant une fonction signifie que le gestionnaire d'événements appelle cette fonction. Avec votre balisage comme exemple. Cela signifie function() { delRow(); }. Comme vous pouvez le voir, vous ne pourrez pas voir l'objet event dans delRow() sauf lorsque vous êtes dans IE car l'événement se trouve dans l'objet window. ParentElement est également uniquement IE, dans la plupart des cas, le fait de le changer en parentNode fonctionnerait. En supposant que le nœud parent est également un élément.

Je vous suggère d'utiliser une bibliothèque javascript telle que jQuery ou de changer votre code si vous voulez garder les choses relativement les mêmes.

<INPUT TYPE="Button" onclick="delRow(event);" VALUE="Remove"> 

function delRow(e) { 
    var evt = e || window.event; // this assign evt with the event object 
    var current = evt.target || evt.srcElement; // this assign current with the event target 
    // do what you need to do here 
} 

Answer 2

Vous devez utiliser event.target au lieu de window.event.target travailler pour Firefox. Essayez d'utiliser ce qui suit.

<INPUT TYPE="Button" onclick="delRow()" VALUE="Remove"> 

function delRow(){ 
    if(window.event){ 
     var current = window.event.srcElement; 
    }else{ 
     current = event.target; 
    } 
    //here we will delete the line 
    while ((current = current.parentElement) && current.tagName !="TR"); 
     current.parentElement.removeChild(current); 
} 

Answer 3

Voici Mozilla's documentation of the Event class; pourrait vous donner un aperçu.

Answer 4

var CurrentObject = 
    0 < window.navigator.appVersion.toString().indexOf("MSIE") 
    ? 
    window.event.srcElement 
    : 
    evt.target; 

Answer 5

NE JAMAIS utiliser des chèques individuels comme navigateur "vérifier MSIE". Savez-vous combien de navigateurs vous devez vérifier pour ... et les VERSIONS de navigateurs individuels ... pour les vérifier tous?

N'utilisez JAMAIS jQuery pour cela. Écrivez le code correct vous-même. N'incluez jamais des bibliothèques massives (inutiles) quand vous n'utilisez pas 99% de leurs fonctionnalités de toute façon.

Answer 6

vient d'être découvert, fonctionne sur ie & ff et chrome. d'autres ne le savent pas mais je m'attends à ce que cela fonctionne sur tous les autres. En tant que débutant en html, JS et PHP, c'est très énervant qu'il n'y ait pas de standard dans ces choses! même le style d'un simple élément div peut être un headage car le comportement n'est pas toujours le même sur les différents navigateurs!

function somefunc() 
{ 
    var callerelement = arguments.callee.caller.arguments[0].target; 
    alert(callerelement.id) 
}