点击的时候获取下当前位置
十载的虎丘网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整虎丘建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“虎丘网站设计”,“虎丘网站推广”以来,每个客户项目都认真落实执行。
获取位置方法
clientX,clientY
screenX,screenY
具体例子看下
获取当前位置代码如下:
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlejavascript获得鼠标位置/title
/head
body
script
!-- 其中的参数e指的是事件--
function mouseMove(ev)
{
Ev= ev || window.event;
var mousePos = mouseCoords(ev);
//获取当前的x,y坐标
document.getElementByIdx_x_x_xx_x("xxx").value = mousePos.x;
document.getElementByIdx_x_x_xx_x("yyy").value = mousePos.y;
}
function mouseCoords(ev)
{
//鼠标移动的位置
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return{
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
document.onmousemove = mouseMove;
/script
鼠标X轴:
input id=xxx type=text
鼠标Y轴:
input id=yyy type=text
/body
首先,只讲思路方法不讲具体代码,别人直接给的永远不是自己的
创建新标签比较简单百度下就知道了就不说了,然后至于定位到鼠标位置,简单介绍下思路第一点,用clientX和clientY获取鼠标的坐标即位置,然后给新建的div添加定位属性,再将之前获取的鼠标位置的值赋值给div的top和left
ok,思路就这样
function test(e){ //这里可得到鼠标X坐标 var pointX = e.pageX; //这里可以得到鼠标Y坐标 var pointY = e.pageY; }
文章名称:jquery鼠标位置,jquery鼠标事件有哪些
网页路径:https://www.cdcxhl.com/article42/dsesshc.html
成都网站建设公司_创新互联,为您提供服务器托管、网站制作、网站设计公司、域名注册、面包屑导航、品牌网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联