HTML draggable 属性

HTML 全局属性

实例

可拖动的段落：

<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>

尝试一下 »

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。

注意： Internet Explorer 8 及更早 IE 版本不支持 draggable 属性。

定义和用法

draggable 属性规定元素是否可拖动。

提示： 链接和图像默认是可拖动的。

提示： draggable 属性经常用于拖放操作。请阅读我们的 HTML5 拖放教程，以学习更多知识。

HTML 4.01 与 HTML5之间的差异

draggable 属性是 HTML5 新增的。

语法

<element draggable="true|false|auto">

属性值

值	描述
true	规定元素是可拖动的。
false	规定元素是不可拖动的。
auto	使用浏览器的默认特性。

HTML draggable 属性相关推荐

html div draggable,HTML draggable属性用法及代码示例
此属性用于指定元素是否可拖动.链接和图像默认是可拖动的. draggable属性通常在拖放操作中使用. 用法: 属性值:该属性包含以下列出的三个值: true:此值表示元素是可拖动的. false:此 ...
H5 draggable属性
draggable属性在大多数目前的浏览器中都可以兼容,是一个十分好用的属性.取值为一个布尔值,true/false,当取值为true的时候,可以用鼠标按钮拖动元素.拖拽操作期间,会有一个可拖拽元素的 ...
html5 draggable支持,html5 的draggable属性使用转载收藏
在HTML5中,已经支持在浏览器与其他应用程序之间的数据互相拖动,同时也大大简化了有关于拖放方面的代码. 实现拖放的步骤在HTML5中要想实现拖放操作,至少要经过两个步骤: 将想要拖放的对象元素的d ...
原生JS的拖拽属性draggable（详解）
摘要作为h5新增的属性draggable,它能够给与一切的html元素拖动的效果.而在这个属性之下,也有着关于拖动效果的各个方法. 而这一篇文章,主要就是说一下关于draggable属性的使用以及工 ...
HTML5新增的拖拽属性draggable，怎么实现拖拽？
draggable定义和用法: 1.draggable 属性规定元素是否可拖动. 2.提示: 链接和图像默认是可拖动的. 3.提示: draggable 属性经常用于拖放操作. 注意:draggabl ...
HTML中的全局属性
一.全局属性和局部属性每种元素都有自己规定的属性,这种属性成为局部属性.还有另外一种属性,他可以用来配置所有元素的共有行为,这种属性成为称为全局属性.全局属性可以用在任何一个元素身上,但是不一定会带 ...
HTML5: 全局属性
出处:http://www.cnblogs.com/starof/p/4593741.html 全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添 ...
深入理解原生js拖放（draggable）
本来是打算要自己总结的,但发现了一篇比较好的博客,把我想写的都写了,甚至更加全面,所以,我只把我认为比较重要的知识点提炼一下,其他的都是转载的,想看原博主的请点击原生js拖放提炼知识点: .drag ...
H5网页元素和全局属性
目录一.语义元素二.分组元素三.页面交互元素四.文本层次语义元素五.全局属性一.语义元素使用语义话标签的意义: 同时作为结构元素,它不具有任何样式,只是使页面元素的的语义更加明确. 语义 ...
《 HTML5 》— HTML5页面元素及属性
HTML5页面元素及属性 1.无序列表-ul元素的使用 <!doctype html> <html> <head> <meta charset="u ...

HTML draggable 属性

HTML draggable 属性

实例

浏览器支持

定义和用法

HTML 4.01 与 HTML5之间的差异

语法

属性值

HTML draggable 属性相关推荐

最新文章

热门文章