更新时间:2021-04-16 来源:黑马程序员 浏览量:
全局属性是指在任何元素中都可以使用的属性，在HTML5中常用的全局属性有draggable、hidden、spellcheck和contenteditable，下面介绍draggable属性。
draggable属性用来定义元素是否可以拖动，该属性有两个值：true和false，默认为false，当值为true时表示元素选中之后可以进行拖动操作，否则不能拖动。
下面通过一个案例对draggable属性的用法进行演示。
JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
产品经理
集成电路应用开发
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>draggable属性的应用</title>
</head>
<body>
<h3>元素拖动属性</h3>
<article draggable="true">这些文字可以被拖动</article>
可拖动的图片<img src="itpeixun.gif" draggable="true">
</body>
</html>
draggable属性使用效果展示
注意：
本案例在网页中所实现的效果并不能拖动，如果要想真正实现拖动功能，必须与 JavaScript结合使用。
猜你喜欢：
.jpg)