HTML |可拖动属性

此属性用于指定元素是否可拖动。默认情况下，链接和图像是可拖动的。 draggable 属性常用于拖放操作。

句法：

属性值：该属性包含以下三个值：

• true：该值表示元素是可拖动的。
• false：该值表示元素不可拖动。
• auto：这个值代表默认浏览器的使用。

例子：

HTML

    
        draggable attribute
        
        .dropbox {
            width: 350px;
            height: 70px;
            padding: 10px;
            border: 1px solid #aaaaaa;
        }
        h1 {
            color:green;
        }
        
        
            function droppoint(event) {
                var data = event.dataTransfer.getData("Text");
                event.target.appendChild(document.getElementById(data));
                event.preventDefault();
            }
            function allowDropOption(event) {
                event.preventDefault();
            }
            function dragpoint(event) {
                event.dataTransfer.setData("Text", event.target.id);
            }
        
    
    
        
        GeeksforGeeks
        draggable attribute
        
        
        GeeksforGeeks: A computer science portal for geeks
 
        
    

输出：
拖动前：

拖放后

支持的浏览器：下面列出了可拖动属性支持的浏览器：

• 谷歌浏览器 4.0
• 浏览器 9.0
• 火狐 3.5
• 歌剧 12.0
• Safari 6.0