获取图片坐标

it2022-05-05  111

<!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 align=center ><img src="tern.jpg" style="width: 700px; height: 534px" id="IMG1" 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 = "x:"+(mPos.x - iPos.x) + " " + "y:"+(mPos.y - iPos.y);break; }}</script></body></html>

转载于:https://www.cnblogs.com/sishahu/archive/2011/08/13/2137065.html


最新回复(0)