文件上传过程中的拖放功能。我需要显示一些帮助消息以了解在 gmail 中拖动文件时的文件放置区域。谁能帮我做到这一点？
【问题讨论】：
标签： jquery drag-and-drop mouseevent
您的问题并未表明您的拖放功能是如何实现的。如果您使用 jquery ui 拖放，则可以在触发“drop”事件时添加您设想的消息。您可以在创建选择器或稍后绑定您的方法时指定“删除”之后必须发生的事情。以下是基于 jquery 文档的示例：
drop( event, ui )类型：drop
当接受的可拖动对象被拖放到可放置对象时触发 （基于公差选项）。
事件类型：事件用户界面类型：对象
draggable 类型： jQuery 表示可拖动对象的 jQuery 对象 元素。
helper 类型： jQuery 表示帮助器的 jQuery 对象 那是被拖着的。
位置类型： Object 当前 CSS 位置 可拖动助手作为 { top, left } 对象。
偏移类型： 对象 可拖动助手的当前偏移位置为 { top, left } 目的。
代码示例：
使用 drop 回调初始化 droppable 指定：
$( ".selector" ).droppable({ drop: function( event, ui ) {} //在此处输入您的消息代码 });
将事件监听器绑定到 drop 事件：
$( ".selector" ).on( "drop", function( event, ui ) { //把你的消息代码放在这里 } );
来源： http://api.jqueryui.com/droppable/#event-drop
如果您想响应“拖动”事件并在拖动开始、停止或拖动期间插入消息，请按照此文档将“拖动”事件句柄绑定到您的选择器：
拖动（事件，用户界面）
类型：拖动
在拖动过程中移动鼠标时触发。
事件类型：事件
ui 类型： 对象助手
类型： jQuery jQuery 对象 代表被拖动的助手。
位置类型： 对象 助手的当前 CSS 位置为 { top, left } 对象。
offsetType：当前对象 助手的偏移位置为 { top, left } 目的。
代码示例：使用拖动回调初始化可拖动对象 指定：
$( ".selector" ).draggable({ drag: function( event, ui ) { //把你的消息代码放在这里 }} });
将事件监听器绑定到拖动事件：
$( ".selector" ).on( "drag", function( event, ui ) {//把你的消息代码放在这里 >}} );
开始（事件，用户界面）
类型：拖动开始
拖动开始时触发。
事件类型：事件
ui 类型： 对象
helper 类型： jQuery 代表帮助器的 jQuery 对象 被拖着。
位置类型： Object 当前 CSS 位置 助手作为 { top, left } 对象。
offset 类型： Object 当前偏移量 助手的位置为 { top, left } 对象。
代码示例：
使用指定的启动回调初始化可拖动对象：
$( ".selector" ).draggable({ start: function( event, ui ) { //把你的消息代码放在这里 }} });
将事件监听器绑定到 dragstart 事件：
1 $( ".selector" ).on( "dragstart", function( event, ui ) {//在此处输入您的消息代码 }} );
停止（事件，用户界面）
类型： dragstop
拖动停止时触发。
事件类型：事件
ui 类型： 对象
helper 类型： jQuery 代表帮助器的 jQuery 对象 被拖着。
位置类型： Object 当前 CSS 位置 助手作为 { top, left } 对象。
offset 类型： Object 当前偏移量 助手的位置为 { top, left } 对象。
代码示例：
使用指定的停止回调初始化可拖动对象：
$( ".selector" ).draggable({ stop: function( event, ui ) {//把你的消息代码放在这里 }} });
将事件监听器绑定到 dragstop 事件：
$( ".selector" ).on( "dragstop", function( event, ui ) {//把你的消息代码放在这里 }} );
【讨论】：