html 事件属性 迷糊馆,HTML draggable 事件属性

HTML 事件属性

HTML draggable 事件属性的定义和用法

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

Break易站(breakyizhan.com)

#div1 {350px;height:70px;padding:10px;border:1px solid #aaaaaa;}

function allowDrop(ev)

{

ev.preventDefault();

}

function drag(ev)

{

ev.dataTransfer.setData("Text",ev.target.id);

}

function drop(ev)

{

var data=ev.dataTransfer.getData("Text");

ev.target.appendChild(document.getElementById(data));

ev.preventDefault();

}

这是一段可移动的段落。请把该段落拖入上面的矩形。

提示：可以修改代码后运行

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

提示： draggable 属性经常用于拖放操作。

HTML draggable 事件属性：HTML 4.01 与 HTML5之间的差异

draggable 属性是 HTML5 新增的。

HTML draggable 事件属性：语法

HTML draggable 事件属性：属性值

值

描述

true

规定元素是可拖动的。

false

规定元素是不可拖动的。

auto

使用浏览器的默认特性。