jQuery实时显示鼠标指针位置和键盘ASCII码

  1. 云栖社区>
  2. 博客>
  3. 正文

jQuery实时显示鼠标指针位置和键盘ASCII码

cometwo123 2016-03-27 17:10:00 浏览1208
展开阅读全文

这里写图片描述

<!DOCTYPE html>
<html>

    <head>
        <title></title>
        <meta charset="utf-8" />
        <script type="text/javascript" src="js/jquery-2.1.4.js"></script>
        <script language="javascript" type="text/javascript">
            $(function() {
                $(document).mousemove(function(e) {
                    $("span").html("X:" + e.pageX + "Y:" + e.pageY + "事件" + e.type);
                    //不行    document.write("X:" + e.pageX + "Y:" + e.pageY + "事件" + e.type);
                });
            });
        </script>
    </head>

    <body>

        <span></span>

    </body>

</html>

按A

这里写图片描述

<!DOCTYPE html>
<html>

    <head>
        <title></title>
        <meta charset="utf-8" />
        <script type="text/javascript" src="js/jquery-2.1.4.js"></script>
        <script language="javascript" type="text/javascript">
            $(function() {
                $(document).keydown(function(e) {
                    $('span').html(e.which);
                })
            });
        </script>
    </head>

    <body>

        <span></span>

    </body>

</html>

网友评论

登录后评论
0/500
评论
cometwo123
+ 关注