當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。