一、概述

jQuery中的dragover事件是在元素上拖動其他元素的同時，把被拖動的元素移動到該事件所在的元素上方時會觸發(fā)的事件。通過監(jiān)聽該事件，我們可以在被拖動元素進入特定的區(qū)域時做出相應(yīng)的操作。

二、jQuery中dragover的用法

$(selector).on("dragover", function(event) {
// handle dragover event
});

該方法就是監(jiān)聽選擇器所匹配到的元素上的dragover事件。當(dāng)鼠標拖動其他元素時，會不斷觸發(fā)該事件。在回調(diào)函數(shù)中，我們可以通過event對象獲取一些有用的信息，例如被拖動的元素和該事件所在元素的信息。

三、用例

$(document).ready(function() {
$("#dropzone").on("dragover", function(event) {
event.preventDefault(); // 阻止默認行為，否則無法拖動其他元素
$(this).addClass("hover"); // 添加hover類名
});
$("#dropzone").on("dragleave", function(event) {
$(this).removeClass("hover"); // 移除hover類名
});
});

上述代碼實現(xiàn)的是監(jiān)聽id為dropzone的元素的dragover事件。當(dāng)其他元素拖動進入該元素區(qū)域時，該元素會添加hover類名，實現(xiàn)視覺效果。當(dāng)其他元素離開該元素區(qū)域時，該元素則會移除hover類名。

總之，dragover事件是一個非常有用的事件，可以實現(xiàn)拖放操作中很多特定的交互效果。