jQuery实时显示鼠标指针位置和键盘ASCII码
更新时间:2016年03月28日 09:24:29 作者:李斌
本文通过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
<!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码,希望对大家有所帮助,更多知识请关注脚本之家官网,该站每天都有新的内容更新!
相关文章
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
简单的Json数据提交,后台结合asp.net,需要的朋友可以参考下。2011-02-02jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件echarts实现的单折线图效果,结合完整实例形式分析了echarts插件绘制简单折线图的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
最新评论