Javascript捕获鼠标位置(跨浏览器)

Html代码

 Javascript获取鼠标位置,显示Memo,相当于Alt和Title属性,但是要比Alt和Title拉风啊


 < html >
     < head >
         < script   type = "text/javascript" >
             function showMemo(evt,data) {
                 //alert(evt.clientX);
                 document.getElementById.('memo').style.left  =  evt .clientX;
                 document.getElementById.('memo').style.top  =  evt .clientY;
                 document.getElementById.('memo').innerHTML  =  data ;
                 document.getElementById.('memo').style.display  =  'block' ;
             }
             function hideMemo() {
                 document.getElementById.('memo').style.display  =  'none' ;
             }
         </ script >
     </ head >
     < body >
         < table >
             < tr >
                 < td   onmouseover ="showMemo(event,'Memo1');" onmouseout ="hideMemo();" > aaa </ td >
                 < td   onmouseover ="showMemo(event,'大家好,我是Memo2!!!');" onmouseout ="hideMemo();" > aaa </ td >
                 < td   onmouseover ="showMemo(event,'大家好,我是Memo3!!!');" onmouseout ="hideMemo();" > aaa </ td >
                 < td   onmouseover ="showMemo(event,'大家好,我是Memo4!!!');" onmouseout ="hideMemo();" > aaa </ td >
                 < td   onmouseover ="showMemo(event,'大家好,我是Memo5!!!');" onmouseout ="hideMemo();" > aaa </ td >
                 < td   onmouseover ="showMemo(event,'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');" onmouseout ="hideMemo();" > aaa </ td >
             </ tr >
             < tr >
                 < td > bbb </ td >
                 < td > bbb </ td >
                 < td > bbb </ td >
                 < td > bbb </ td >
                 < td > bbb </ td >
                 < td > bbb </ td >
             </ tr >
             < tr >
                 < td > ccc </ td >
                 < td > ccc </ td >
                 < td > ccc </ td >
                 < td > ccc </ td >
                 < td > ccc </ td >
                 < td > ccc </ td >
             </ tr >
         </ table >
         < div   id = "memo"   style = "position:absolute;border:1px solid blue;background:yellow;width:100px;display:none;word-wrap:break-word" > ddd </ div >
     </ body >
 </ html >