浏览器兼容问题

Question

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下 可以 但是在谷歌和火狐 不行   ！！！！
兼容性

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

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

Answer 3

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