ondragstart事件的用法

ondragstart事件用来在拖拽操作开始时触发 JavaScript 代码。

element.ondragstart = function(){
    // Some code
}

ondragstart事件只能用于元素的ondragstart属性，它不能像其他事件一样，通过addEventListener()方法来添加事件处理程序。

ondragstart事件会在拖拽操作开始时触发，它会触发一个dataTransfer对象，这个对象可以用来设置拖拽的数据，以及拖拽的数据类型。

ondragstart事件可以用来实现拖拽操作，比如拖拽文件到浏览器中，或者实现拖拽排序功能。

使用示例

下面是一个简单的使用ondragstart事件实现的拖拽排序功能的示例：

  
Item 1
  
Item 2
  
Item 3
  
Item 4

上面代码中，我们通过设置div元素的draggable属性为true，并且为ondragstart事件绑定了一个drag()函数，当用户开始拖拽div元素时，就会触发ondragstart事件，并且调用drag()函数，这个函数会把div元素的id设置到dataTransfer对象中，这样就可以在ondrop事件中获取这个id，从而实现拖拽排序功能。

ondragstart事件用来在拖拽操作开始时触发 JavaScript 代码，它会触发一个dataTransfer对象，可以用来设置拖拽的数据，以及拖拽的数据类型。ondragstart事件可以用来实现拖拽操作，比如拖拽文件到浏览器中，或者实现拖拽排序功能。