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

Question

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

有人有我可以使用的链接或代码吗？

Answer 1

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

ExtJS 是一套具有特定 API 的 GUI 组件...如果您想轻松创建类似的组件，请使用它，否则，请使用更灵活的框架。

Answer 2

jQuery 将是一个好方法。并与 jQuery用户界面 插件（例如 可拖动的），轻而易举..（有一个 演示 这里）。

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

但您始终可以查看源代码以获得一些“灵感”，并对其进行调整，而无需承担您不会使用的内容的开销。它做得很好并且易于阅读，您经常会发现一些您甚至没有想到的跨浏览器技巧。

编辑：哦，如果你真的不想没有框架，那就看看他们的源代码吧。确保您可以将其中的一些用于您的应用程序。

Answer 3

有时您无法选择环境或架构，因此您会陷入无法使用框架之类的限制中工作......

Answer 4

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

如果你考虑一个框架，我建议使用 jQuery dnR 插入。我认为它可以解决您的问题，或者您可以结合以下功能 jQuery 可拖动对象 与 jQuery 调整大小

Answer 5

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

我看过 jQuery，也看过 ExtJS，ExtJS 的文档和 UI“外观”似乎更加优越和专业......你们推荐 jQuery 有什么特别的理由吗？