Firefox下“event is not defined”的解决方案

最近在做项目过程中,需要将js文字超出长度的内容用省略号代替,在鼠标悬停时能以悬浮框的形式显示出来。javascript代码如下：

<script>
function overShow(obj) {
var showDiv = document.getElementById('showDiv');
showDiv.style.left = event.clientX+"px";
showDiv.style.top = event.clientY+"px";
showDiv.style.display = 'block';
//alert(obj.innerHTML);
showDiv.innerHTML = obj.innerHTML;
}

function outHide() {
var showDiv = document.getElementById('showDiv');
showDiv.style.display = 'none';
showDiv.innerHTML = '';
}
</script>

上面这段代码在谷歌浏览器下正常工作，但是在Firefox下始终无法作用，老是报“event is not defined”的错误，多次尝试更改，均无法解决，上网搜索了一下，发现原因是因为在Firefox中使用了不同的事件对象模型，不同于IE Dom，用的是W3C Dom。Firefox DOM中并无event，故可以尝试用如下方法解决：

<script>
function overShow(obj,e) {  //加入一个输入参数e
var showDiv = document.getElementById('showDiv');
var theEvent = window.event|| e;  //theEvent 作为clientX的父节点
showDiv.style.left = theEvent.clientX+"px";
showDiv.style.top = theEvent.clientY+"px";
showDiv.style.display = 'block';
//alert(obj.innerHTML);
showDiv.innerHTML = obj.innerHTML;
}

function outHide() {
var showDiv = document.getElementById('showDiv');
showDiv.style.display = 'none';
showDiv.innerHTML = '';
}
</script>

<div class='content' onmouseover="overShow(this,event)" onmouseout="outHide()">
js0 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js0 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js0 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js0 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
</div>

以上javascript代码兼容IE和FireFox。