在WebForm上进行拖拽

核心提示： 代码<scripttype="text/javascript">/*Findwitchelementwasclicked*/functionwhichElement(e){vartarg;if(!e){vare=window.event;}elseif(e.src

代码

<script　type="text/javascript">
　　　/*Find　witch　element　was　clicked*/
function　whichElement(e)
{
var　targ;
if　(!e)
　　{
　　var　e=window.event;
　　}
else　if　(e.srcElement)
　　{
　　targ=e.srcElement;
　　}
if　(e.button==1)
　　{
　　myname=targ.id;
document.getElementById('<%=id.ClientID%>').value=document.getElementById(
　　　　'<%=id.ClientID%>').value+'　'+myname;
　　}
}
</script>

这段脚本能侦查哪个控件被点击，传递给我们这个控件的ID。我们要做的是将这个ID传给命名为id的textbox控件，每次控件被点击我们就添加一个新的ID，每个ID之间的用空格分开。

最后完成mouse up脚本，我承认我不擅长javascript，但是我还是能理解drag 脚本的。

代码

<script　type="text/javascript">
　　　var　z
function　mymouseup(event)
{
x=z.style.pixelLeft;
y=z.style.pixelTop;
document.getElementById('<%=xpos.ClientID%>').value=document.getElementById(
　　　　'<%=xpos.ClientID%>').value+'　'+x;
document.getElementById('<%=ypos.ClientID%>').value=document.getElementById(
　　　　'<%=ypos.ClientID%>').value+'　'+y;
}
</script>

当控件拖动到合适的位置,放开鼠标,此脚本检测控件的x 和 y 坐标的值。这时我们传递x 和 y 值到一个名字为xpos的textbox和ypos的textbox。每次控件被点击的时候，我们添加新的x和y的位置给textbox，在x和y值之间留一个空格。