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
>