六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 118|回复: 0

使用Javascript进行drag&drop操作

[复制链接]

升级  68.67%

43

主题

43

主题

43

主题

秀才

Rank: 2

积分
153
 楼主| 发表于 2013-2-7 19:23:58 | 显示全部楼层 |阅读模式
使用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="" ondragstart="handleDragDropEvent(event)" ondrag="handleDragDropEvent(event)" ondragend="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" ondragenter="handleDragDropEvent(event)"  ondragover="handleDragDropEvent(event)" ondragleave="handleDragDropEvent(event)" ondrop="handleDragDropEvent(event)" /></p><p><textarea rows="10" cols="25" readonly="readonly" id="text1"></textarea></P></form></body></html> 
 
 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表