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

最新推荐文章于 2021-06-02 14:44:26 发布

redstarofsleep

最新推荐文章于 2021-06-02 14:44:26 发布

阅读量636

点赞数 1

分类专栏： WEB前端

本文链接：https://blog.csdn.net/redstarofsleep/article/details/45091977

版权

WEB前端专栏收录该内容

41 篇文章 0 订阅

订阅专栏

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 οnmοuseοver="showMemo(event,'Memo1');"οnmοuseοut="hideMemo();">aaa</td>
                <td οnmοuseοver="showMemo(event,'大家好,我是Memo2!!!');"οnmοuseοut="hideMemo();">aaa</td>
                <td οnmοuseοver="showMemo(event,'大家好,我是Memo3!!!');"οnmοuseοut="hideMemo();">aaa</td>
                <td οnmοuseοver="showMemo(event,'大家好,我是Memo4!!!');"οnmοuseοut="hideMemo();">aaa</td>
                <td οnmοuseοver="showMemo(event,'大家好,我是Memo5!!!');"οnmοuseοut="hideMemo();">aaa</td>
                <td οnmοuseοver="showMemo(event,'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');"οnmοuseοut="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>

redstarofsleep

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript捕获鼠标位置(跨浏览器)

Javascript获取鼠标位置,显示Memo,相当于Alt和Title属性,但是要比Alt和Title拉风啊 function showMemo(evt,data) { //alert(evt.clientX); document.getElementById
复制链接

扫一扫

专栏目录