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


Posted in Javascript onMarch 28, 2016

本文通过jquery技术实现鼠标指针位置和键盘ASCII码,代码简单易懂,具体内容请看下文吧。

 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

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).keydown(function(e) {
$('span').html(e.which);
})
});
</script>
</head>
<body>
<span></span>
</body>
</html>

以上内容是小编给大家介绍的jQuery实时显示鼠标指针位置和键盘ASCII码,希望对大家有所帮助,更多知识请关注三水点靠木官网,该站每天都有新的内容更新!

Javascript 相关文章推荐
javascript eval和JSON之间的联系
Dec 31 Javascript
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
js中判断用户输入的值是否为空的简单实例
Dec 23 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
vue计算属性及使用详解
Apr 02 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 Javascript
解读Vue组件注册方式
May 15 Vue.js
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 #Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 #Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 #Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 #Javascript
详解javascript跨浏览器事件处理程序
Mar 27 #Javascript
js事件处理程序跨浏览器解决方案
Mar 27 #Javascript
基于javascript实现九九乘法表
Mar 27 #Javascript
You might like
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
使用PHP Socket写的POP3类
2013/10/30 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
谈谈你对Zend SAPIs(Zend SAPI Internals)的理解
2015/11/10 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
Laravel5.1 框架数据库操作DB运行原生SQL的方法分析
2020/01/07 PHP
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
jQuery知识点整理
2015/01/30 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
JS实现拖拽的方法分析
2016/12/20 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
python中enumerate的用法实例解析
2014/08/18 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
Win10下python 2.7与python 3.7双环境安装教程图解
2019/10/12 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
Python docutils文档编译过程方法解析
2020/06/23 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
办公室文员自荐书
2014/02/03 职场文书
前台文员职责范本
2014/03/07 职场文书
高中运动会前导词
2015/07/20 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL