{{docContent.title}}

拖动事件

元素的拖放
鼠标指向元素,按下鼠标,然后移动鼠标到另一个地方释放,即拖动元素。

相比html4以及之前的版本,html5增加了一个全新的属性draggable,表示元素是否支持拖动,默认的情况下,图片和超链接元素是支持拖动的,其他元素不支持。

将元素的draggable属性设置为true,即表示元素支持拖动。如:下面设置了p元素支持拖动:

<p id="p1" draggable="true">
    元素支持鼠标的拖动
</p>

也可以用下面的JavaScript代码设置p为可拖动的:

document.getElementById("p1").draggable = true;