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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
通过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
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
Javascript 中的 &amp;&amp; 和 || 使用小结
2010/04/25 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
自己封装的javascript事件队列函数版
2014/06/12 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
Python实现命令行通讯录实例教程
2016/08/18 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
如何使用python操作vmware
2019/07/27 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
10张动图学会python循环与递归问题
2021/02/06 Python
工厂实习感言
2014/01/14 职场文书
初中体育教学反思
2014/01/14 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
工程售后服务方案
2014/06/08 职场文书
公证委托书标准格式
2014/09/11 职场文书
初婚未育证明样本
2014/10/24 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
老人节主持词
2015/07/04 职场文书
卖车协议书范文
2016/03/23 职场文书