当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML dropzone属性用法及代码示例


HTML中的dropzone属性用于指定将拖放的数据放在任何元素上时是复制,移动还是链接。此属性是HTML5中的新属性。

用法:

<element dropzone = "move | link | copy">

属性值:

  • move:此属性用于将数据拖放到新位置。
  • copy:此属性用于将拖动数据复制到新位置。
  • link:此属性用于删除将数据转换为原始数据的数据。

例:

<!DOCTYPE html>  
<html> 
   <head> 
      <title>ruby tag</title> 
      <style>  
         body {  
             text-align:center;  
         }  
         h1 {  
             color:green;  
         }  
      </style> 
   </head> 
   <body> 
      <h1>GeeksforGeeks</h1> 
      <h2> dropzone attribute</h2> 
      <div dropzone="copy">GFG</div> 
      <div dropzone="move">GFG</div> 
      <div dropzone="link">GFG</div> 
   </body> 
</html>

输出:
https://media.geeksforgeeks.org/wp-content/uploads/dropzone.png

注意:流行的浏览器不支持dropzone属性。

相关用法


注:本文由纯净天空筛选整理自R_Raj大神的英文原创作品 HTML | dropzone Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。