首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript 学习-50.实现页面菜单拖放(Drag 和 Drop)

    拖放(Drag 和 Drop) 在拖曳操作中,被拖曳的元素称做源对象,是指页面中设置了draggable=”true”属性的元素;源对象进入的元素称作目标元素,目标元素可以是页面的任一元素。...在上面的例子中,ondragstart 属性调用了一个 drag(event) 函数,规定拖动什么数据。...dataTransfer.setData() 方法设置被拖动数据的数据类型和值: function drag(ev) { ev.dataTransfer.setData("text", ev.target.id...); } 在本例中,数据类型是 “text”,而值是这个可拖动元素的 id (“drag1”)。...该方法将返回在 setData() 方法中设置为相同类型的任何数据 被拖数据是被拖元素的 id (“drag1”) 把被拖元素追加到放置元素中 使用示例 一个完整的拖曳效果是由拖曳(Drag)和释放(Drop

    1.2K20
    领券