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。