原生拖拽的相关内容推荐

可拖动dragable属性之前我们已经为大家介绍过几篇有关html5中原生拖拽的相关知识了。今天为大家介绍html5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。在默认情况下，链接、文本和图像是可以拖动的，不用再写代码即可拖动。如果想让其他元素标签也可以拖动，那么只有html5能实现了。html5为所有html元素规定了dragable属性，表示元素是否可以拖动。链接和图像的标签中自动将dragable属性自动被设置成true，其他元素的dragable属性的默认值是false。支持dragable属性的浏览器有：firefox 4+、chrome、ie 10+和safari 5+。opera 11.5及之前的版本是不支持html5的拖放功能。另外能够让firefox支持可拖动属性必须添加一个ondragstart事件处理程序，并在datatransfer对象中保存一些

1. HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)

简介：之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍Html5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。

2. HTML5实战与剖析之原生拖拽(三dataTransfer对象)

简介：虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。dataTransfer对象是事件对象的一个属性，用于从被拖拽元素相放置目标传递字符串格式的数据。因为它是事件对象的属性，所以只能在拖放事件的事件处理程序中访问dataTransfer对象。在事件处理程序中，可以使用这个对象的属性和方法来完善拖放功能。

3. HTML5实战与剖析之原生拖拽(二拖拽事件dragstart、drag和dragend)

简介：通过拖拽事件，咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发，有些事件是在放置目标上触发的。拖动某元素时候，触发的事件有：dragstart事件、drag事件和dragend事件。

4. HTML5实战与剖析之原生拖拽(一拖拽历史概述)

简介：提起拖拽，我就想起了在JavaScript培训的时候一个非常好玩的效果，那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。