获取鼠标在图片中点击的坐标

来源：互联网发布：求实软件官网长春编辑：程序博客网时间：2024/05/22 01:45
直接贴代码
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>Document</title> </head> <body>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>测试</title></head><body bgcolor="#999999"><div style="position:absolute;top:0px;left:0px;"><img src="0d5f673b-7d22-4149-8317-4cd7c4d7f674.jpg"  onclick="vControl('GETMOUSEPOSINPIC',this)" /></div><script language="javascript" type="text/javascript">var JPos = {};(function($){$.$getAbsPos = function(p){var _x = 0;var _y = 0;while(p.offsetParent){_x += p.offsetLeft;_y += p.offsetTop;p = p.offsetParent;}_x += p.offsetLeft;_y += p.offsetTop;return {x:_x,y:_y};};$.$getMousePos = function(evt){var _x,_y;evt = evt || window.event;if(evt.pageX || evt.pageY){_x = evt.pageX;_y = evt.pageY;}else if(evt.clientX || evt.clientY){_x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;_y = evt.clientY + document.body.scrollTop - document.body.clientTop;}else{return $.$getAbsPos(evt.target);}return {x:_x,y:_y};}})(JPos);function vControl(pChoice){switch(pChoice){case "GETMOUSEPOSINPIC":var mPos = JPos.$getMousePos();var iPos = JPos.$getAbsPos(arguments[1]);window.status = (mPos.x - iPos.x) + " " + (mPos.y - iPos.y);alert("x : " + (mPos.x - iPos.x) + ", y : " + (mPos.y - iPos.y));break;}}</script></body></html> </body></html>
0 0