var test= document.getElementById("test");
test.style.display="";
test.style.left=event.clientX+20;
test.style.top=event.clientY+15;
上边这段代码是在我点击按钮之后   让一个div弹出来  
test.style.left=event.clientX+20;
test.style.top=event.clientY+15;
这个是设置div在鼠标打击弹出位置这个在IE下 可以 但是在谷歌和火狐 不行   !!!!
兼容性

解决方案 »

  1. btn.onclick=function(e){
    e=e||event;
    var test= document.getElementById("test");
    test.style.display="";
    test.style.left=e.clientX+20;
    test.style.top=e.clientY+15;
    };
      

  2. btn.onclick=function(e){
    e=e||event;
    var test= document.getElementById("test");
    test.style.display="";
    test.style.left=(e.clientX+20)+"px";
    test.style.top=(e.clientY+15)+"px";
    }; 
      

  3. firefox和chrome下没有全局的event对象,需要用参数接收。
      

类似问题 »