鼠標事件使用jquery

Question

拖放功能在文件上傳過程中工作。我需要顯示一些幫助信息，以在Gmail中拖動文件時知道文件丟棄區域。任何人都可以幫助我做到這一點？

Answer 1

你的問題並沒有說明你的拖放功能是如何實現的。如果您正在使用jquery ui拖/放，您可以添加您在「drop」事件觸發時所設想的消息。您可以指定在創建選擇器時「drop」後發生的事情，或者稍後綁定您的方法。這裏是基於jQuery的文檔的例子：

下降（事件，UI）類型：滴

時接受的可拖動觸發上可放開 （基於thetolerance選項）下降。

事件類型：事件UI類型：對象

拖動類型：表示拖動 元件的jQuery甲jQuery對象。

輔助類型：表示被拖動輔助 jQuery的甲jQuery對象。

position位置類型：對象當前CSS位置 可拖動的助手作爲{top，left}對象。

offset類型：將可拖動的助手爲{頂，左} 對象的對象當前 偏移位置。

代碼示例：

初始化可投放與指定的降回調 ：

$（ 「.selector」）.droppable（{降：功能（事件，UI）{} //將代碼放在此處 }）;

綁定事件偵聽器drop事件：

$（ 「.selector」）。on（「drop」，function（event，ui）{//將您的消息的代碼放在這裏}）;

來源： http://api.jqueryui.com/droppable/#event-drop

如果你想回應「拖動」事件並拖動開始時插入一個消息，停止，或在拖動過程中，遵循本文檔綁定「拖動」事件handlets

您的選擇：

拖（事件，UI）

類型：拖

在拖動過程中移動鼠標時觸發。

事件類型：事件

UI類型：對象幫手

類型： jQuery的jQuery對象 圖示代表被拖動的幫手。

position位置類型：對象 當前幫助器的CSS位置爲{top，left}對象。

offsetType：對象輔助爲{頂，左} 對象的當前 偏移位置。

代碼示例：初始化拖動與指定的阻力回調 ：

$（ 「.selector」）.draggable（{阻力：函數（事件，UI）{// 置於您的留言代碼}} }）;

綁定事件偵聽器拖動事件：

$（ 「.selector」）。在（ 「拖」，函數（事件，UI）{// 把你的信息代碼在這裏>} }）;

---

開始（事件，UI）

類型：的dragstart

拖動開始時觸發。

事件類型：事件

UI類型：對象

幫手類型： jQuery的表示是 被拖動的幫手jQuery對象。

position位置類型：對象 幫助器的當前CSS位置作爲{top，left}對象。

偏移類型：對象當前偏移量 助手的位置爲{top，left}對象。

代碼示例：

初始化拖動與指定的開始回調：

$（ 「.selector」）.draggable（{開始：函數（事件，UI）{// 放碼您的留言在這裏}} }）;

綁定事件偵聽器dragstart事件：

1 $（ 「.selector」）。在（ 「的dragstart」 功能（事件，UI）{// 把你的信息代碼在這裏} }）;

---

停止（事件，UI）

類型： dragstop

拖拽結束時觸發。

事件類型：事件

UI類型：對象

幫手類型： jQuery的表示是 被拖動的幫手jQuery對象。

position位置類型：對象 幫助器的當前CSS位置作爲{top，left}對象。

偏移類型：對象當前偏移量 助手的位置爲{top，left}對象。

代碼示例：

初始化拖動與指定的停止回調：

$（ 「.selector」）.draggable（{站：函數（事件，UI）{// 把代碼您的留言在這裏}} }）;

綁定事件監聽器dragstop事件：

$（ 「.selector」）。在（ 「dragstop」 功能（事件，UI）{// 把你的信息代碼在這裏}} ）;