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

简介:

这里写图片描述

<!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>
目录
相关文章
|
5月前
超好看的鼠标指针 折纸Gami
折纸风格的鼠标指针、共九种颜色风格:白、橙、粉、红、黄、蓝、绿、青、紫;三种尺寸:X32、X48、X64;一般情况下100%DPI推荐使用X48、大于125%DPI推荐使用X64版本!
80 6
|
JavaScript 前端开发 开发者
|
JavaScript
jquery鼠标悬停的时候图片改变
jquery鼠标悬停的时候图片改变
40 1
|
JavaScript 前端开发
jQuery鼠标悬停的时候图片替换
jQuery鼠标悬停的时候图片替换
45 0
|
JavaScript
jQuery鼠标离焦验证手机号码
jQuery鼠标离焦验证手机号码
39 0
|
JavaScript 前端开发 开发者
|
JavaScript
判断鼠标从哪个方向进入--jQuery
判断鼠标从哪个方向进入--jQuery
40 0
|
XML JavaScript 前端开发
使用 JavaScript 更改鼠标指针
使用 JavaScript 更改鼠标指针
148 0
改变鼠标指针样式的方法【项目优化——cursor】
改变鼠标指针样式的方法【项目优化——cursor】
123 0
|
Web App开发 前端开发 搜索推荐
利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标)
现而今,我们纵向的回顾整个大前端的历史,不难发现,人们对前端的审美要求越来越高,越来越严苛,与此同时,人们对追求美的体验是也极致的,从理性到感性,从平面到几何,从现实到虚拟,所以从某种角度来说,作为前端工程师,他们所追求的东西往往和人类软件核心理念南辕北辙,因为人类的终极追求是个性,绝不是共性,换句话说,大家都一样就不好玩儿了。
利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标)