event.target не работает на Firefox

Question

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

Прекрасно работает на Google Chrome и IE, но не на Firefox. Пробовал в гугле. Google говорит event.srcElement(работает в IE, но не в Firefox), поэтому я добавил event.target, но все еще не работает. Есть ли еще какие-то изменения, которые мне нужно сделать, чтобы работать на Firefox? Кстати, я использую 3.5 версию 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" ;
           } 

Пожалуйста, помогите мне заставить его работать на Firefox

Answer 1

Убедитесь, что вы определили event в качестве формального параметра для обработчика.

IE определяет это глобально, и Chrome определяет его как в обоих местах, так что это работает в любом случае, но Firefox определяет только его как параметр функции.

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" ;
} 

Answer 2

Я решил свою проблему с помощью Jquery. Например, чтобы получить идентификатор элемента, который вы можете использовать:

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

Answer 3

Это решение для работы в браузере Firefox тоже. Когда начать keydown действие затем его установить event свойство глобальной переменной, как это.

 var keyEvent=null; 

Назначьте это event собственность на keyEvent а также .item является целевым элементом.

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

                keyEvent=e;                                    

        },this))

then.Use keyEvent в вашем коде.

     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" ;
         }

Примечание: не пытайтесь установить event свойство глобальной переменной window,