js drag & drop实现拖拽

JavaScript010

js drag & drop实现拖拽,第1张

1.先在元素上添加属性 <div draggable="true"></div>,定义了这个属性后就可以注册拖动的事件了

2.拖动事件:

开始拖动时dragstart

进行拖动时drag

结束拖动时dragend

3.拖拽区域触发事件:

拖拽元素进入区域时触发dragenter

拖拽元素进入区域后悬停触发dragover

拖拽元素离开区域时触发dragleave

拖拽元素放置时触发drop

一：出现这个问题，首先是编码的问题，其次是大小写的问题。

二：注意修改中文字符，并设置统一的大小写。

三：解决办法：

1：<script language="javascript" src="..js路径" charset="utf-8"></script>

其中charset="utf-8"的编码要和调用js的页面要一致.

2把js文件在dreamweaver或者notepad2中打开。将文件编码设置为"utf-8"。