JS实现div块的拖放,调换位置

主要是html5 的拖放(Drag 和 Drop)

例子(不需要对div设置ID):

上面函数介绍:

  1. ondrop: 当放置被拖数据时,会发生 drop 事件,这里自定义drop(event,this)函数,互换两个的innerhtML
  2. ondraGOver:当拖动链接等有默认事件的元素时,要在onDragover事件中用ev.preventDefault()阻止默认事件。否则drop事件不会触发。
  3. DRAGGABLE:允许拖动。
  4. ondragstart:规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。dataTransfer.setData() 方法设置被拖数据的数据类型和值。
未经允许不得转载:一点博客-青梅煮码-共享博客 » JS实现div块的拖放,调换位置
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏