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 相关文章推荐
基于jQuery的消息提示插件之旅 DivAlert(三)
Apr 01 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
基于JavaScript实现移除(删除)数组中指定元素
Jan 04 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
微信小程序 地图map详解及简单实例
Jan 10 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
JS严格模式知识点总结
Feb 27 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 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
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
php中的异常和错误浅析
2017/05/03 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
广告代码静态化js通用函数
2007/05/09 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
简单实现js倒计时功能
2017/02/13 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
JavaScript中AOP的实现与应用
2019/05/06 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
Python如何实现文本转语音
2016/08/08 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
django中的图片验证码功能
2019/09/18 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
如何用python免费看美剧
2020/08/11 Python
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
Yahoo的PHP面试题
2014/05/26 面试题
个人评价范文分享
2014/01/11 职场文书
租房协议书范本
2014/04/09 职场文书
暑假家长评语大全
2014/04/17 职场文书
团代会宣传工作方案
2014/05/08 职场文书
2014年高数考试作弊检讨书
2014/12/14 职场文书
高三化学教学反思
2016/02/22 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python