例如: event.dataTransfer.clearData(); setDragImage() 该方法通过用img元素来设置拖放图标。...img'); icon.src = 'img.png'; source.addEventListener('dragstart',function(ev){ ev.dataTransfer.setDragImage
effectAllowed : 设置光标样式(none, copy, copyLink, copyMove, link, linkMove, move, all 和 uninitialized) setDragImage
.] , 用来指定拖动时被允许的效果 files,拖拽包含的文件列表,如果不涉及文件,那么这个列表为空 setDragImage(imgElement,x,y), 设置拖拽时的图片 setData
DataTransfer.setDragImage() Set the image to be used for dragging if a custom one is desired. 2、给接收的元素添加
当然,应用程序也可以通过 setDragImage() 方法自定义一张图片,如下面的例子所示。...var img = new Image(); img.src = 'https://js.cx/clipart/ball.svg'; ev.dataTransfer.setDragImage
void setDragImage(img, xOffset, yOffset)指定一副图像,当拖动发生时,显示在光标下方。大多数情况下不用设置,因为被拖动的节点被创建成默认图片。...setDragImage(element,x,y)该方法通过img元素来设置拖放图标element表示拖拽时鼠标下面的图片(通常是image元素,也可以说canvas元素)x、y分别指示相对于图片的横向和纵向偏移量...然而,如果想要设置为自定义图像,那么 DataTransfer.setDragImage() 方法就能派上用场。图像通常是一个 元素,但也可以是 或任何其他图像元素。
DataTransfer.setDragImage() Set the image to be used for dragging if a custom one is desired.
属性返回所有项与相关格式的所有文件 setData(format,data) 在dragstart事件调用此函数在dataTransfer对象中存储数据 getData(format) 从dataTransfer对象取出数据 setDragImage
例如: setDragImage() 该方法通过用img元素来设置拖放图标。接收三个参数,第一个为图标元素,第二个为图标元素离鼠标指针的X轴位移量,第三个为图标元素离鼠标指针的Y轴位移量。
对象添加指定格式的数据: setData([sDataFormat],[data]) 第三,getData()方法:从内存的DataTransfer对象中获取数据 getData([sDataFormat]) 第四,setDragImage...()方法:设置拖放时跟随光标移动的图片 setDragImage([imgElement],[x],[y]) [imgElement]表示图片对象,[x],[y]分别表示相对于光标位置的横坐标和纵坐标
setDragImage(element,x,y) 该方法通过img元素来设置拖放图标 element表示拖拽时鼠标下面的图片(通常是image元素,也可以说canvas元素) x、y分别指示相对于图片的横向和纵向偏移量
dragstart', function(e){ e.dataTransfer.setData('Text', ''); e.dataTransfer.setDragImage...仅在 dragstart 事件中调用,Chrome37和IE10+不支持该方法; void setDragImage({Element} image, {long} x, {long} y) :设置拖动时跟随鼠标移动的图片
xxx'))); } 拖拽目标对象的方法 setData(format,data) getData(format) clearData([format]) addElement(element) setDragImage...clearData([format]) 从dataTransfer对象中删除指定格式的数据,参数可选,若不给出,则为删除对象中所有的数据 addElement(element) 添加自定义图标 setDragImage
setDragImage(imgElement, x, y):指定拖动过程中显示的图像。默认情况下,许多浏览器显示一个被拖动元素的半透明版本。
可以实现定制拖放图标,让它只支持特定拖放等,甚至可以实现更复杂的拖放操作 属性:dropEffect、effectAllowed、types 方法:clearData、setData、getData、setDragImage
领取专属 10元无门槛券
手把手带您无忧上云