Чтобы контролировать "принимающую сторону" при drag & drop, можно использовать такой код:
/**
*
* @param {string} key - идентификартор - например: "a.input-phrase"
* @returns {undefined}
*/
function activateDroppable(key){
$(key).on("dragover", function(event) {
event.preventDefault();
event.stopPropagation();
});
$(key).on("dragleave", function(event) {
event.preventDefault();
event.stopPropagation();
});
$(key).on("drop", function(event) {
event.preventDefault();
event.stopPropagation();
console.log('activateDroppable event = ', event);
alert("Dropped!");
});
}
// вызов функции (вместо .input-phrase - любое имя элемента):
activateDroppable(".input-phrase");