event.target not working on Firefox

Question

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


        

Answer 1

This solution to work in Firefox browser too. When start keydown action then its set the event property to global variable like this.

 var keyEvent=null; 

Assign that event property to keyEvent and .item is target element.

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

                keyEvent=e;                                    

        },this))

then.Use keyEvent in your 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: Don't try to set the event property to global variable of window.