codecamp

HTML draggable 属性

HTML draggable 属性

HTML 全局属性 HTML 全局属性

实例

可拖动的段落：

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

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 全局属性 HTML 全局属性


温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录
HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 在线拾色器
HTML 颜色混搭
HTML 字符集
HTML ASCII 参考手册
HTML ISO-8859-1 参考手册
HTML 符号实体参考手册
HTML URL 编码参考手册
HTML 语言代码参考手册
HTTP 状态消息
HTTP 方法：GET 对比 POST
Px、Em 换算工具
px，pt，em 换算表
px、em、rem区别介绍
键盘快捷键

HTML标签

HTML track kind 属性
HTML video autoplay 属性
HTML video controls 属性
HTML track label 属性
HTML video height 属性
HTML track src 属性
HTML video loop 属性
HTML track srclang 属性
HTML video muted 属性
HTML tr align 属性
HTML video poster 属性
HTML tr bgcolor 属性
HTML video preload 属性
HTML tr char 属性
HTML video src 属性
HTML tr charoff 属性
HTML video width 属性
HTML tr valign 属性
HTML track default 属性
HTML tbody valign 属性
HTML script src 属性
HTML tbody charoff 属性
HTML script type 属性
HTML tbody char 属性
HTML q cite 属性
HTML tbody align 属性
HTML ol compact 属性
HTML style media 属性
HTML ol reversed 属性
HTML style scoped 属性
HTML ol start 属性
HTML style type 属性
HTML ol type 属性
HTML script async 属性
HTML script charset 属性
HTML script defer 属性
HTML embed height 属性
HTML button formaction 属性
HTML basefont face 属性
HTML embed src 属性
HTML button formenctype 属性
HTML embed type 属性
HTML button formmethod 属性
HTML basefont size 属性
HTML embed width 属性
HTML button formnovalidate 属性
HTML meta charset 属性
HTML dir compact 属性
HTML button formtarget 属性
HTML meta content 属性
HTML del cite 属性
HTML meta http-equiv 属性
HTML button name 属性
HTML del datetime 属性
HTML meta name 属性
HTML button type 属性
HTML button autofocus 属性
HTML button value 属性
HTML meta scheme 属性
HTML button disabled 属性
HTML menu label 属性
HTML button form 属性
HTML menu type 属性
HTML basefont color 属性
HTML map name 属性
HTML fieldset disabled 属性
HTML fieldset form 属性
HTML fieldset name 属性

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }