<img src="D:\\file\\2007518143110.jpg" onmouseup="showCoordinate(this);" onmousedown="showCoordinate(this);" width="330" height="90">
我觉得你这个写的就没有问题了,调用一下onmouseup和onmousedown这两个事件就可以得到第一次按下的值和你托到鼠标以后的值,两个相减就得到了你托动的宽和高。
你试下吧
我觉得你这个写的就没有问题了,调用一下onmouseup和onmousedown这两个事件就可以得到第一次按下的值和你托到鼠标以后的值,两个相减就得到了你托动的宽和高。
你试下吧
解决方案 »
- 这段代码为什么会显示alert(5);如何按原有意图显示alert(0)~alert(4);
- 一段js代码在ie6.0没问题ie7.0就不好用各位帮我看看!
- 如何改变JS弹出框的名字
- 高手帮个忙吧~~~~
- 我要在页面调入时设一文字的颜色 用 onload=document.all('id_row1').style.color ='#ff0000'; 为什么没作用
- 关于网页中图片可以预载的疑问?(图片是否真的可以预载)
- html组件下载地址?在线等侯!
- 如何用javascript实现单选框动态出现的功能!具体请看 ̄ ̄
- net_lover(孟子E章) :下面的“电子邮件地址不对”的那段代码不对,请问怎么回事?
- 关于jquery元素获取
- 急!急!急!新手请教javascript问题
- B/S结构的web打印,有什么好的方法吗?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 4 </title>
</head>
<body>
<br>X: <input type="text" id="X" readonly>
Y: <input type="text" id="Y" readonly>
拉伸长: <input type="text" id="M" readonly>
拉伸宽: <input type="text" id="N" readonly>
<script language="javascript">
var x0, y0, flag=false;
function getCoordinate(obj){
var r = getAbsolutePos(obj);
var x = document.getElementById("X");
var y = document.getElementById("Y");
x0 = event.clientX -r.x-3;
y0 = event.clientY -r.y-3;
x.value = x0;
y.value = y0;
flag =true;
} function showCoordinate(obj){
if (flag) {
var r = getAbsolutePos(obj);
var x = document.getElementById("X");
var y = document.getElementById("Y");
var m = document.getElementById("M");
var n = document.getElementById("N");
x.value = event.clientX -r.x-3;
y.value = event.clientY -r.y-3;
m.value = event.clientX -r.x-3-x0;
n.value = event.clientY -r.y-3-y0;
}
}
function getAbsolutePos(el) {
var r = { x: el.offsetLeft, y: el.offsetTop };
if (el.offsetParent) {
var tmp = getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
}
function setCoordinate(){
flag=false;
}
</script>
<table border="1" width="100%" id="table1">
<tr>
<td width="181" height="210"> </td>
<td height="210">
</td>
<td height="210"> </td>
</tr>
<tr>
<td width="181" height="172"> </td>
<td height="172">
<p align="center">
<div onmousedown="getCoordinate(this);" onmousemove="showCoordinate(this);" onmouseup="setCoordinate();" style=" width:330px; height:90px; background-color:#EEEEEE"> </div></td>
<td height="172"> </td>
</tr>
<tr>
<td width="181"> </td>
<td>
</td>
<td> </td>
</tr>
<tr>
<td width="181"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>