Suche senden
Hochladen
Drag & drop
•
Als PPT, PDF herunterladen
•
1 gefällt mir
•
684 views
A
Alibaba Group
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Empfohlen
Js tree
Js tree
lotusfox
J Query Learn
J Query Learn
guestfb42fc
Communication with python_http_module
Communication with python_http_module
dreampuf
由一个简单的程序谈起――之二
由一个简单的程序谈起――之二
yiditushe
Building an event driven web
Building an event driven web
fangdeng
Java多线程设计模式
Java多线程设计模式
Tony Deng
jQuery底层架构
jQuery底层架构
fangdeng
Javascript 性能优化总结.docx
Javascript 性能优化总结.docx
baixingfa
Empfohlen
Js tree
Js tree
lotusfox
J Query Learn
J Query Learn
guestfb42fc
Communication with python_http_module
Communication with python_http_module
dreampuf
由一个简单的程序谈起――之二
由一个简单的程序谈起――之二
yiditushe
Building an event driven web
Building an event driven web
fangdeng
Java多线程设计模式
Java多线程设计模式
Tony Deng
jQuery底层架构
jQuery底层架构
fangdeng
Javascript 性能优化总结.docx
Javascript 性能优化总结.docx
baixingfa
Row Set初步学习V1.1
Row Set初步学习V1.1
Zianed Hou
Js培训
Js培训
yiditushe
Lucene2 4学习笔记1
Lucene2 4学习笔记1
yiditushe
A
A
guested19a2
cnYes 如何使用 elasticsearch
cnYes 如何使用 elasticsearch
Szuping Wang
資料庫應用與實際操作
資料庫應用與實際操作
阿狗 郭
Google developer tool 簡介
Google developer tool 簡介
Shu Ting Hsieh
Mongo快速入门
Mongo快速入门
Lucien Li
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
JavaScript Advanced Skill
JavaScript Advanced Skill
firestoke
jQuery介绍@disandu.com
jQuery介绍@disandu.com
Think hy
Web base 吴志华
Web base 吴志华
FLASH开发者交流会
张所勇:前端开发工具推荐
张所勇:前端开发工具推荐
zhangsuoyong
在雲端上啜飲爪哇
在雲端上啜飲爪哇
建興 王
HTML5概览
HTML5概览
Adam Lu
Ajax Transportation Methods
Ajax Transportation Methods
yiditushe
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
Android -汇博
Android -汇博
dlqingxi
Les3
Les3
caviar7571
Spry框架的简单使用小结
Spry框架的简单使用小结
sunnylqm
Puppet安装测试
Puppet安装测试
Yiwei Ma
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训
j5726
Weitere ähnliche Inhalte
Was ist angesagt?
Row Set初步学习V1.1
Row Set初步学习V1.1
Zianed Hou
Js培训
Js培训
yiditushe
Lucene2 4学习笔记1
Lucene2 4学习笔记1
yiditushe
A
A
guested19a2
cnYes 如何使用 elasticsearch
cnYes 如何使用 elasticsearch
Szuping Wang
資料庫應用與實際操作
資料庫應用與實際操作
阿狗 郭
Google developer tool 簡介
Google developer tool 簡介
Shu Ting Hsieh
Mongo快速入门
Mongo快速入门
Lucien Li
Was ist angesagt?
(8)
Row Set初步学习V1.1
Row Set初步学习V1.1
Js培训
Js培训
Lucene2 4学习笔记1
Lucene2 4学习笔记1
A
A
cnYes 如何使用 elasticsearch
cnYes 如何使用 elasticsearch
資料庫應用與實際操作
資料庫應用與實際操作
Google developer tool 簡介
Google developer tool 簡介
Mongo快速入门
Mongo快速入门
Ähnlich wie Drag & drop
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
JavaScript Advanced Skill
JavaScript Advanced Skill
firestoke
jQuery介绍@disandu.com
jQuery介绍@disandu.com
Think hy
Web base 吴志华
Web base 吴志华
FLASH开发者交流会
张所勇:前端开发工具推荐
张所勇:前端开发工具推荐
zhangsuoyong
在雲端上啜飲爪哇
在雲端上啜飲爪哇
建興 王
HTML5概览
HTML5概览
Adam Lu
Ajax Transportation Methods
Ajax Transportation Methods
yiditushe
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
Android -汇博
Android -汇博
dlqingxi
Les3
Les3
caviar7571
Spry框架的简单使用小结
Spry框架的简单使用小结
sunnylqm
Puppet安装测试
Puppet安装测试
Yiwei Ma
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训
j5726
Javascript autoload
Javascript autoload
jay li
打開窗,讓大象跨進來 - Microsoft HDInsight
打開窗,讓大象跨進來 - Microsoft HDInsight
Kuo-Chun Su
Windowsîä¼þïµí³¹ýâëçý¶¯¿ª·¢½ì³ì(µú¶þ°æ)
Windowsîä¼þïµí³¹ýâëçý¶¯¿ª·¢½ì³ì(µú¶þ°æ)
rvillegasg
Les 3 ppt
Les 3 ppt
gueste832a8e
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
Jackson Tian
Node getting-started
Node getting-started
lylijincheng
Ähnlich wie Drag & drop
(20)
第三方内容开发最佳实践
第三方内容开发最佳实践
JavaScript Advanced Skill
JavaScript Advanced Skill
jQuery介绍@disandu.com
jQuery介绍@disandu.com
Web base 吴志华
Web base 吴志华
张所勇:前端开发工具推荐
张所勇:前端开发工具推荐
在雲端上啜飲爪哇
在雲端上啜飲爪哇
HTML5概览
HTML5概览
Ajax Transportation Methods
Ajax Transportation Methods
旺铺前端设计和实现
旺铺前端设计和实现
Android -汇博
Android -汇博
Les3
Les3
Spry框架的简单使用小结
Spry框架的简单使用小结
Puppet安装测试
Puppet安装测试
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训
Javascript autoload
Javascript autoload
打開窗,讓大象跨進來 - Microsoft HDInsight
打開窗,讓大象跨進來 - Microsoft HDInsight
Windowsîä¼þïµí³¹ýâëçý¶¯¿ª·¢½ì³ì(µú¶þ°æ)
Windowsîä¼þïµí³¹ýâëçý¶¯¿ª·¢½ì³ì(µú¶þ°æ)
Les 3 ppt
Les 3 ppt
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
Node getting-started
Node getting-started
Drag & drop
1.
HTML5
Drag Drop By 老刘 (hugo)
2.
History It all
begins with IE4. IE4 首先引入了拖拽概念 IE >= 4 都支持拖拽 4<= IE < 9 只支持 2 种元素拖拽 1. <a href=“#” >draggable</a> 2. <img src=“some.img” /> demo
3.
Events draggableNode 支持以下
event : dragstart dragend drag dragenter targetNode 支持以下 event : dragover dragenter dragleave drop
4.
Event 注册
draggableNode.observe('dragstart', onDragstart) .observe(‘dragend', onDragend); dropZone.observe(‘dragenter’, onDragenter) .observe(‘dragleave’, onDragleave) .observe(‘dragover’, onDragover) .observe(‘drop’, onDrop); $(Document.body).observe(‘drag’, onDrag); demo
5.
6.
7.
8.
9.
10.
HTML 5
HTML5 继承了 IE 的 Dragdrop 事件。 与 IE 的不同, HTML5 所有的元素都支持拖拽,只要在元素中加入 draggable=“true”, 这个元素就可以拖拽了。 demo
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
Jetzt herunterladen