Firefox 上的 event.target

IT技术 javascript firefox dom-events firefox3.5
2021-02-23 02:25:23 
 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 上不工作。在谷歌上试过。谷歌说 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 上运行

3个回答

确保您定义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" ;
}

我使用 Jquery 解决了我的问题。例如，要获取元素的 id，您可以使用：

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

此解决方案也适用于 Firefox 浏览器。当开始keydown动作时，它会event像这样将属性设置为全局变量。

 var keyEvent=null;

该分配event财产keyEvent，并.item为目标元素。

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

                keyEvent=e;                                    

        },this))

然后。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。

其它你可能感兴趣的问题
上一篇用于直接包含文本的元素的 jQuery 选择器？ 下一篇Javascript：函数和类有什么区别