JavaScript 中拖放的弹出窗口

Question

当我将元素放入框中时，如何使弹出窗口出现？ 我尝试使用警报，但我无法根据自己的喜好对其进行自定义。我在网上找到了其他人的代码来自定义警报，但这不是我想要的。

我应该使用引导模式吗？

谢谢

Answer 1

ondrop，或任何最适合您的 drop 事件，只需触发这样的函数(使用示例参数(：

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

或者没有网址：

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

Answer 2

根据我的经验，我在以下库方面取得了巨大的成功：

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

Answer 3

您可以使用不同的库来自定义弹出体验。我会推荐你甜蜜的警报和引导盒库。Bootbox建立在Bootstrap模式之上，有很多定制。您可以在以下链接中查看详细信息：

http://bootboxjs.com

有关如何自定义引导框弹出窗口的链接： http://paynedigital.com/articles/2011/11/bootbox-js-alert-confirm-dialogs-for-twitter-bootstrap