javascript - 如何创建可拖动且可调整大小的 JavaScript 弹出窗口？

Question

我想在 JavaScript 中创建一个可拖动且可调整大小的窗口以供跨浏览器使用，但如果可以的话，我想尽量避免使用框架。

有没有人有我可以使用的链接或一些代码？

score 2 · Accepted Answer

JQuery将是一个不错的选择。并且使用Jquery UI插件（例如draggable），这很容易......（这里有一个演示）。

不使用框架来保持它的“纯粹性”对我来说似乎只是浪费时间。有一些好东西，可以为您节省大量时间，更好地花时间使您的应用程序变得更好。

但是你总是可以查看源代码以获得一些“灵感”，并在没有你不会使用的东西的开销的情况下对其进行调整。它做得很好并且易于阅读，而且您经常会发现一些您甚至没有想到的跨浏览器黑客。

编辑：哦，如果你真的不想没有框架，那么只需检查他们的源代码......确保你可以将其中的一些用于你的应用程序。

score 2 · Accepted Answer

JQuery 更专注于许多不错的实用功能，并使 DOM 操作变得更加容易。基本上，我认为它应该是 Javascript。这是对 Javascript 语言本身非常有用的补充。

ExtJS 是一套带有特定 API 的 GUI 组件......如果您想轻松创建看起来像这样的组件，请使用它，否则，请使用更灵活的框架。

score 1 · Accepted Answer

有时你不能选择你的环境或架构，所以你被困在无法使用框架等限制条件下工作......

score 0 · Accepted Answer

完全避免使用框架会给你留下大量代码和一堆乏味的浏览器测试。

如果您考虑一个框架，我建议使用带有jqDnR插件的 jQuery。我认为它会解决您的问题，或者您可以将jQuery 可拖动的功能与jQuery 可调整大小的功能结合起来

score 0 · Accepted Answer

只是试图避免为一件非常小的事情将大型框架下载到客户端，也许我很愚蠢。

我看过 jQuery，也看过 ExtJS，文档和 UI 的“外观”在 ExtJS 中似乎更加优秀和专业……你们推荐 jQuery 有什么特别的原因吗？

5 回答 5