jQuery实时显示鼠标指针位置和键盘ASCII码
作者:bea
本文通过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
本文通过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>
以上内容是小编给大家介绍的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>
以上内容是小编给大家介绍的jQuery实时显示鼠标指针位置和键盘ASCII码,希望对大家有所帮助,更多知识请关注官网,该站每天都有新的内容更新!
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Angularjs实现多个页面共享数据的方式
- jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
- JavaScript面向对象程序设计教程
- jQuery实现图片加载完成后改变图片大小的方法
- Web前端开发工具——bower依赖包管理工具
- Jquery操作cookie记住用户名
- jQuery简单实现提交数据出现loading进度条的方法
- Javascript设计模式之观察者模式(推荐)
- AngularJS directive返回对象属性详解
- Boostrap模态窗口的学习小结
- 理解javascript模块化
- 谈一谈jQuery核心架构设计
- Nodejs如何搭建Web服务器
- javascript函数自动执行常用方法汇总
- JavaScript利用HTML DOM进行文档操作的方法
- JavaScript常用本地对象小结
- Bootstrap 粘页脚效果
- jQuery实现的多滑动门,多选项卡效果代码
- 轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码