всплывающее окно при перетаскивании в JavaScript

Question

Как сделать так, чтобы всплывающее окно появлялось, когда я помещал элемент в поле?Я пытался использовать оповещение, но не могу настроить его по своему вкусу.Я нашел в сети чужой код для настройки оповещения, но это не то, что я ищу.

Стоит ли использовать мод начальной загрузки?

Спасибо

Answer 1

ondrop, или любое другое событие сброса, которое лучше всего подходит для вас, просто запустите такую ​​функцию (с примерами аргументов):

function myFunction() {
    window.open("urlOfPopup", "", "width=200,height=100");
}

Или без URL:

function myFunction() {
    var myWindow = window.open("urlOfPopul", "", "width=200,height=100");
    myWindow.document.write("<p>Popup content</p>");
}

Answer 2

Вы можете использовать разные библиотеки для настройки всплывающих окон.Я бы порекомендовал вам библиотеки sweetalert и bootbox.Bootbox построен на модальности Bootstrap с большим количеством настроек.Вы можете просмотреть подробную информацию по следующим ссылкам:

http://bootboxjs.com

Ссылка о том, как настроить всплывающее окно загрузки: http://paynedigital.com/articles/2011/11/bootbox-js-alert-confirm-dialogs-for-twitter-bootstrap

Answer 3

Исходя из моего опыта, я имел большой успех со следующей библиотекой:

https://sweetalert.js.org/guides/