怎么样用鼠标点击图片,然后取得图片的作标??
怎么样用鼠标点击图片,然后取得图片的作标?? 问题点数：20、回复次数：9Top
1 楼net_lover（【孟子E章】）回复于 2005-07-01 11:36:50 得分 0
<HTML>
<HEAD>
<SCRIPT>
function getDim(el){
for (var lx=0,ly=0;el!=null;
lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
return {x:lx,y:ly}
}
function a()
{
myImgDim = getDim(document.images.MyImage)
alert("x:" + myImgDim.x + ", y:" + myImgDim.y)
}
</SCRIPT>
</HEAD>
<BODY>
<IMG NAME="MyImage" SRC="http://dotnet.aspx.cc/Images/logoSite.gif" onclick="a()">
</BODY>
</HTML>Top
2 楼fantiny（卖身不卖艺的菜鸟）回复于 2005-07-01 11:36:52 得分 0
是图片相对于页面的坐标，还是鼠标点击的地方相对于图片的坐标？Top
3 楼seabell（百合心）回复于 2005-07-01 11:43:14 得分 0
<img src="logo_100.gif" onclick="alert('y='+this.offsetTop+',x='+this.offsetLeft)">
<input>Top
4 楼mostone（漠石）回复于 2005-07-01 11:45:12 得分 0
请在SDK参考中查阅window.event.x属性,具体例子我没试过.
===============================================================
<BODY onmousemove="window.status = 'X=' + window.event.x +
' Y=' + window.event.y">Top
5 楼mostone（漠石）回复于 2005-07-01 11:47:17 得分 0
没想发前已经有高手回复了,我的回复可能误解楼主题意了,对不起.失礼了.Top
6 楼ice_berg16（寻梦的稻草人）回复于 2005-07-01 11:48:07 得分 0
<script language="javascript">
<!--
function getPos(o)
{
var l = o.offsetLeft;
var t = o.offsetTop;
while(o=o.parent)
{
l += o.offsetLeft;
t += o.offsetTop;
}
pos = {left:l,top:t};
pos.toString = function(){return "left:"+this.left+",top:"+this.top;};
return pos;
}
//-->
</script>
<img src="a.gif" onclick="alert(getPos(this))">Top
7 楼ldargon（ldargon）回复于 2005-07-01 12:07:04 得分 0
还是鼠标点击的地方相对于图片的坐标Top
8 楼ldargon（ldargon）回复于 2005-07-01 12:09:12 得分 0
上面的是图片在网页的位置,我要的是鼠标在图片的位置Top
9 楼fantiny（卖身不卖艺的菜鸟）回复于 2005-07-01 13:39:39 得分 0
<HTML>
<HEAD>
<SCRIPT>
function getDim(el){
for (var lx=0,ly=0;el!=null;
lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
return {x:lx,y:ly}
}
function a()
{
myImgDim = getDim(document.images.MyImage)
alert("x:" + eval(event.clientX - myImgDim.x) + ", y:" + eval(event.clientY - myImgDim.y))
}
</SCRIPT>
</HEAD>
<BODY>
<IMG NAME="MyImage" SRC="http://dotnet.aspx.cc/Images/logoSite.gif" onclick="a()">
</BODY>
</HTML>
alert("x:" + eval(event.clientX - myImgDim.x) + ", y:" + eval(event.clientY - myImgDim.y))
Top
