更新时间:2021-04-16 来源:黑马程序员 浏览量:
全局属性是指在任何元素中都可以使用的属性，在HTML5中常用的全局属性有draggable、hidden、spellcheck和contenteditable，下面介绍draggable属性。
draggable属性用来定义元素是否可以拖动，该属性有两个值：true和false，默认为false，当值为true时表示元素选中之后可以进行拖动操作，否则不能拖动。
下面通过一个案例对draggable属性的用法进行演示。
AI智能应用开发
AI大模型开发
AI鸿蒙开发
AI嵌入式+
AI大数据开发
AI运维
AI测试
跨境电商运营
AI设计
AI视频创作运营
<!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结合使用。
猜你喜欢：
【AI设计】北京143期毕业仅36天，全员拿下高薪offer！黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日，就业率91%+，最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班，毕业14个工作日，班级93%同学已拿到Offer， 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期，距离毕业21天，就业率91%，平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日，就业率已达到94.55%，班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%，最高薪资 17.5k*13薪，全班平均薪资9244元
2025-09-19
.jpg)