当前位置: 首页 > news >正文

开始拖动(dragstart事件)

把拖动的数据存入DataTransfer(setData()方法)。DataTransfer对象专门用来存储拖放时要携带的数据,它可以被设置为拖放事件对象的dataTransfer属性。
setData有两个参数:
第一个参数为携带数据的数据种类的字符串,只能填入类似”text/plain” 或”text/html”的表示MIME类型的文字,不能填入其他文字。
第二个参数为要携带的数据

preventDefault()

必须在dragend和dragover事件内调用“事件对象.preventDefault()”方法。因为在默认情况下,拖放的目标元素是不允许接受元素的,为了把元素拖放到其中,必须把默认处理给关掉

目标元素使用getData()方法

目标元素接受到被拖放的元素后,执行getData()方法从DataTransfer 那里获得数据。
getData()方法的参数为setData()方法中指定的数据类型
 
注意!
要实现拖放过程,还必须在目标元素的drop事件中关闭默认处理(拒绝被拖放),否则目标元素不能接受被拖放的元素。
要实现拖放过程,还必须设定整个页面为不执行默认处理(拒绝被拖放),否则拖放处理也不能被实现。因为页面是先于其他元素接受拖放的,如果页面拒绝拖放,那么其他页面上的元素也不能接受拖放。

转载于:https://www.cnblogs.com/yy-5616/p/5062536.html

相关文章:

  • java.awt包中的组件事件
  • String-需求:把数组中的数据按照指定的格式拼接成一个字符串
  • java.awt.Label类
  • ZendGuardLoader安装
  • java.awt.Button类
  • timesten内存数据同步创建
  • java.awt.TextField类
  • java.awt.TextArea类
  • java.awt.Checkbox类
  • 通过weburl 启动windows程序
  • java.awt.Choice类
  • luacurl安装
  • java.awt.List类
  • java.awt中的菜单
  • 绘制图像
  • hexo+github搭建个人博客
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • conda常用的命令
  • egg(89)--egg之redis的发布和订阅
  • Git学习与使用心得(1)—— 初始化
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • IDEA常用插件整理
  • JAVA多线程机制解析-volatilesynchronized
  • java小心机(3)| 浅析finalize()
  • js ES6 求数组的交集,并集,还有差集
  • Laravel5.4 Queues队列学习
  • mysql 5.6 原生Online DDL解析
  • NSTimer学习笔记
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • select2 取值 遍历 设置默认值
  • vuex 笔记整理
  • Vue官网教程学习过程中值得记录的一些事情
  • webpack入门学习手记(二)
  • 规范化安全开发 KOA 手脚架
  • 解决iview多表头动态更改列元素发生的错误
  • 普通函数和构造函数的区别
  • 前端_面试
  • 区块链分支循环
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • 微信开源mars源码分析1—上层samples分析
  • 为什么要用IPython/Jupyter?
  • 携程小程序初体验
  • raise 与 raise ... from 的区别
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (C#)获取字符编码的类
  • (Ruby)Ubuntu12.04安装Rails环境
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (黑马C++)L06 重载与继承
  • (三) diretfbrc详解
  • (续)使用Django搭建一个完整的项目(Centos7+Nginx)
  • (原創) 如何使用ISO C++讀寫BMP圖檔? (C/C++) (Image Processing)
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .net CHARTING图表控件下载地址