网站制作学习网JS脚本→正文:jquery 获取鼠标位置
字体:

jquery 获取鼠标位置

JS脚本 2014/9/29 20:05:52  点击:不统计

http://%77w%77%2E%66%6F%72%61%73%70%2E%63n网站制作学习
 在做area 热点的时候需要获取鼠标位置,用来定位位置,下面是对获取鼠标位置进行了操作,直接将代码放到页面的底部,就可以看到获取的鼠标位置,并直接附加到鼠标右下角。

<script>
$(function(){
$(document).mousemove(function(e){//当鼠标移动
var forasp = e.pageX;
var cn = e.pageY;
$("#forasp_cn").offset({ top:cn+10 , left: forasp+20}).text("Left: " + forasp + ",Top: " + cn);
//获取后并显示获取的鼠标位置
});
$("body").append("<div style='position:absolute;z-index:9999999;' id='forasp_cn' border='1'></div>");
//在页面最后面添加一个获取鼠标位置的框
});
</script>
 
以上获取鼠标位置代码需要加上jquery库,否则无法获取鼠标位置,并报错

http://%77%77%77%2E%66网站制作%6F学习网%72%61%73%70%2E%63%6E

·上一篇:微信分享代码,接口API >>    ·下一篇:jquery mobile的a标签点击无效 不跳转 >>
推荐文章
最新文章