Javascript 用鼠标不断调整元素大小的最佳方法是什么？

通过单击并按住元素右下角的调整大小图像，不断调整元素大小的最佳方法是什么？是否有一个特定的空元素具有内置的调整大小功能，或者使用一种比在JavaScript中使用while循环更好的样式？

通常的方法如下所示：

当onmousedown在调整大小目标上激发时，开始跟踪onmousemove 当onmousemove激发时，调整元素的大小 当onmouseup激发时，清除onmousemove处理程序 所以基本上你只是对事件做出反应，没有while循环或任何相关的东西

---

为了让它很好地工作，这可能有点棘手，所以我建议您看看是否有一个JS库可以使用。获得此行为的一个非常简单的方法是使用

一般方法如下：

当onmousedown在调整大小目标上激发时，开始跟踪onmousemove 当onmousemove激发时，调整元素的大小 当onmouseup激发时，清除onmousemove处理程序 所以基本上你只是对事件做出反应，没有while循环或任何相关的东西

为了让它很好地工作，这可能有点棘手，所以我建议您看看是否有一个JS库可以使用。获得这种行为的一个非常简单的方法是使用

来吧，伙计：

您的HTML需要如下所示：

<div class="resize"><
    div class="drag"></div>
</div>

…其中元素是要调整大小的元素

可以处理多个元素，如JSFIDLE中所示。您还可以通过最小高度和最小宽度。如果不这样做，它会自动使它们成为可拖动元素高度的两倍

当您一直向下滚动时，它当前确实存在问题。我不知道如何应对它，但我会在以后进一步研究。

给你，伙计：

您的HTML需要如下所示：

<div class="resize"><
    div class="drag"></div>
</div>

…其中元素是要调整大小的元素

可以处理多个元素，如JSFIDLE中所示。您还可以通过最小高度和最小宽度。如果不这样做，它会自动使它们成为可拖动元素高度的两倍

---

当您一直向下滚动时，它当前确实存在问题。我不知道如何反驳它，但我会在以后进一步研究。

我认为你的答案做得很好，但我正在寻找一种更简单的方法，因此我发现最好的方法是使用resize:tware CSS声明，或者使用前面的评论中关于onmousedown和onmousemove的内容。我认为你的答案做得很好，我正在寻找一种更简单的方法，所以我发现最好的方法是使用resize:tware-CSS声明，或者使用前面的评论者所说的onmousedown和onmousemove。我想知道，如果我使用onmousedown，然后再使用onmousemove和jQuery，那么我可以选择一个处理多个元素的特定类，但是一次只能处理该类中的一个元素，这仍然有效吗？如果你是指事件委派，那么是的，我认为它应该有效，例如，如果我在不支持css3调整大小声明的浏览器中使用类似的代码，假设有一个用于调整大小的图像，这里的javascript能够纠正这种情况吗？它不起作用，我将发布一个新的主题，介绍我的理论，解释为什么。我想知道，如果我将onmousedown和onmousemove与jQuery一起使用，那么我可以选择一个处理多个元素的特定类，但是，如果一次只处理该类中的一个元素，这仍然有效吗？如果你是指事件委派，那么是的，我认为它应该有效，例如，如果我在不支持css3调整大小声明的浏览器中使用类似的代码，如果有一个图像可以调整大小，那么javascript是否能够纠正这种情况？它不起作用，我将发布一个新的主题，其中包含我的理论，解释为什么。

Resizer.attach(element);