手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js与jquery中获取当前鼠标的x、y坐标位置的代码
js与jquery中获取当前鼠标的x、y坐标位置的代码
摘要:复制代码代码如下:放在我上面$('#testDiv').mousemove(function(e){varxx=e.originalEven...

复制代码 代码如下:

<div id="testDiv">放在我上面</div>

<script type="text/javascript">

$('#testDiv').mousemove(function(e) {

var xx = e.originalEvent.x || e.originalEvent.layerX || 0;

var yy = e.originalEvent.y || e.originalEvent.layerY || 0;

$(this).text(xx + '---' + yy);

});

</script>

javascript获取鼠标当前位置坐标

鼠标滑动显示鼠标的当前位置坐标,主要是onmousemove函数。

复制代码 代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>javascript获得鼠标位置</title>

</head>

<body>

<script>

function mouseMove(ev)

{

Ev= ev || window.event;

var mousePos = mouseCoords(ev);

document.getElementById("xxx").value = mousePos.x;

document.getElementById("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>

【js与jquery中获取当前鼠标的x、y坐标位置的代码】相关文章:

Ctrl + Enter提交前检测的代码

jquery任意位置浮动固定层插件用法实例

jQuery子窗体取得父窗体元素的方法

javascript获取select值的方法分析

解析javascript中鼠标滚轮事件

JS或jQuery获取ASP.NET服务器控件ID的方法

jquery右下角自动弹出可关闭的广告层

jquery实现的判断倒计时是否结束代码

获取阴历(农历)和当前日期的js代码

javascript获取文档坐标和视口坐标

精品推荐
分类导航