此属性用于指定元素是否可拖动。链接和图像默认是可拖动的。 draggable属性通常在拖放操作中使用。

用法:

属性值：该属性包含以下列出的三个值：

true:此值表示元素是可拖动的。

false:此值表示该元素不可拖动。

auto:此值代表默认浏览器的使用。

例：

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

οndragοver="allowDropOption(event)">

GeeksforGeeks:A computer science portal for geeks

输出：

拖动之前：

拖放后

支持的浏览器：draggable属性支持的浏览器如下：

谷歌浏览器4.0

Internet Explorer 9.0

Firefox 3.5

Opera 12.0

Safari 6.0

html div draggable,HTML draggable属性用法及代码示例相关推荐

css中left属性,CSS left属性用法及代码示例
CSS中的left属性用于指定定位元素的水平位置.它对未定位的元素没有影响. 注意: 如果position属性是绝对或固定的,则left属性指定元素左边与其包含块的左边之间的距离. 如果positio ...
在HTML中hr的默认值inset,CSS inset属性用法及代码示例
CSS中的inset属性用于定义物理偏移量,而不用于内联偏移量或逻辑块.此属性可以应用于任何writing-mode属性. 用法: inset:length|percentage|auto|inher ...
angelajs中ajax,Fabric.js Triangle angle属性用法及代码示例
在本文中,我们将看到如何使用FabricJS绘制固定角度的画布Triangle.画布三角形表示三角形是可移动的,可以根据需要拉伸.此外,当涉及初始笔触颜色,高度,宽度,填充颜色或笔触宽度时,可以自定义 ...
ink css,CSS text-decoration-skip-ink属性用法及代码示例
text-decoration-skip-ink属性用于指定下划线和上划线穿过字符或字形时的呈现方式. 用法: text-decoration-skip-ink:auto | none 属性值: au ...
html样式zoom,CSS zoom属性用法及代码示例
CSS中的zoom属性用于scale-up或scale-down的内容.在其他一些浏览器不支持Internet Explorer之前,已为Internet Explorer实现了此属性. 用法: zo ...
bgcolor是html的属性,HTML bgcolor属性用法及代码示例
HTML bgcolor属性用于设置HTML元素的背景色. Bgcolor是级联样式表的实现已弃用的那些属性之一(请参阅CSS背景). 用法: 支持的标签: marquee tBody tFoot t ...
python numpy allclose用法及代码示例
python numpy allclose用法及代码示例用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...
PostgreSQL REGEXP_REPLACE用法及代码示例
PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...
html音乐静音代码,HTML Audio muted用法及代码示例
"音频静音"属性用于设置或返回是否应将音频输出静音. 用法: 它返回静音的属性.audioObject.muted 设置静音属性.audioObject.muted = true| ...

html div draggable,HTML draggable属性用法及代码示例

GeeksforGeeks

draggable attribute

html div draggable,HTML draggable属性用法及代码示例相关推荐

最新文章

热门文章