在WebForm上进行拖拽

核心提示：1、使用access数据库2、使用SQL对DB进行Insert, update, delete 和read3、使用javascript在一个web页面拖拽textbox4、在页面和数据库中对textbox进行add, move和delete 首先我们必须创建处理事件的javascript代码，这些事件是drag, mo

1、使用access数据库

2、使用SQL对DB进行Insert, update, delete 和read

3、使用javascript在一个web页面拖拽textbox

4、在页面和数据库中对textbox进行add, move和delete

首先我们必须创建处理事件的javascript代码，这些事件是drag, mouse down 和 mouse up。我在网上找到了鼠标的拖拽事件处理的代码:

代码

<style>
.drag{position:relative;cursor:hand}
</style>
<script　language="JavaScript">
<!--
/*Credit　JavaScript　Kit　www.javascriptkit.com*/
var　dragapproved=false
var　z,x,y
function　move(){
if　(event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
　
return　false
}
}
function　drags(){
if　(!document.all)
return
if　(event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new　Function("dragapproved=false")
//-->
</script>

函数在屏幕上通过计算x和y的值来拖动对象。在网上还有很多其它类似的代码，但是我发现这种方式是非常容易使用的。下一个是mouse down脚本，WhitchElement在这里被调用，我在网上找到它，但是我修改它来满足自己的需要。