使用Javascript进行drag&drop操作,示例代码如下:
这是drag&drop图片的例子:
<html>
<head>
<title>
System Drag And Drop Example
</title>
<script >
function handleDragDropEvent(oEvent){
var oTextbox =document.getElementById("text1");
oTextbox.value+=oEvent.type+"\n";
}
</script>
</head>
<body>
<form>
<p>Try dragging the image.</p>
<p><img src="c:/1.jpg" alt="" οndragstart="handleDragDropEvent(event)" οndrag="handleDragDropEvent(event)" οndragend="handleDragDropEvent(event)" /></p>
<p><textarea rows="10" cols="25" readonly="readonly" id="text1"></textarea></P>
</form>
</body>
</html>
这是drag&drop文本的例子:
<html> <head> <title> System Drag And Drop Example </title> <script > function handleDragDropEvent(oEvent){ var oTextbox =document.getElementById("text1"); oTextbox.value+=oEvent.type+"\n"; } </script> </head> <body> <form> <p>Try dragging the text from the left textbox to the right one.</p> <p><input type="text" value="drag the text" /> <input type="text" οndragenter="handleDragDropEvent(event)" οndragοver="handleDragDropEvent(event)" οndragleave="handleDragDropEvent(event)" οndrοp="handleDragDropEvent(event)" /> </p> <p><textarea rows="10" cols="25" readonly="readonly" id="text1"></textarea></P> </form> </body> </html>