event.target ne fonctionne pas sur Firefox

 var x = event.target||event.srcElement;
 document.getElementById(x.id).style.left =  200 + "px" ;
 document.getElementById(x.id).style.top  =  100 + "px" ;

Fonctionne très bien sur google chrome et IE mais pas sur firefox. Essayé sur google. google dit de l'événement.srcElement(fonctionne sur IE mais pas sur firefox) j'ai donc ajouté de l'événement.la cible, mais ne fonctionne toujours pas. Est-il plus les modifications que j'ai besoin pour travailler sur firefox? Par la voie Im en utilisant version 3.5 de firefox.

       function up()
           {
                dragok = false;
                document.onmousemove = null;
                var x = event.target||event.srcElement;
                document.getElementById(x.id).style.left= 200 + "px" ;
                document.getElementById(x.id).style.top= 100 + "px" ;
           }

S'il vous plaît aider moi à le faire fonctionner sur firefox

source d'informationauteur niko

  1. 36

    Assurez-vous de définir event comme un paramètre formel pour le gestionnaire.

    IE définit à l'échelle mondiale, et Chrome définit à la fois dans les deux endroits, de sorte qu'il fonctionne de toute façon, mais Firefox seulement le définit comme un paramètre de la fonction.

    function up( e ) {
    //      ^-----------------------------------------------------+
    if( !e ) e = window.event; //<---needed this --- and this ->--+

    dragok = false;
    document.onmousemove = null;
    var x = e.target||e.srcElement; //<--- and these
    document.getElementById(x.id).style.left= 200 + "px" ;
    document.getElementById(x.id).style.top= 100 + "px" ;
}
  2. 1

    J'ai résolu mon problème en utilisant Jquery. Par exemple, pour obtenir l'id d'un élément, vous pouvez utiliser:

    var x = $(this).attr('id');
  3. 0

    Que cette solution fonctionne dans le navigateur Firefox. Dès le début de la keydown action, alors que son ensemble la event propriété de variable globale comme cela.

     var keyEvent=null;

    Attribuer que event propriété keyEvent et .item est l'élément cible.

      $(document).on("keydown",'.item', function(e){ 

                keyEvent=e;                                    

        },this))

    ensuite.Utilisation keyEvent dans votre code.

         function up( e ) {
           if( !e ) e = keyEvent;  
             dragok = false;
             document.onmousemove = null;
             var x = e.target||e.srcElement; 
             document.getElementById(x.id).style.left= 200 + "px" ;
             document.getElementById(x.id).style.top= 100 + "px" ;
         }

    Note: N'essayez pas de régler la event propriété de variable globale de window.