-1

我有 iframe

<iframe class="myframe" src="some_page.html" width="800px" height="600px" />

我如何使其可调整大小与<textarea></textarea>标签可调整大小的方式相同？

我不想只使用 jQuery，请只使用 JavaScript。

4

1 回答 1

0

以下是如何做到这一点的总体思路：

  • 在调整大小目标上的 mousedown 上：
    • 创建一个蒙版并将其放在整个窗口上
    • 保存鼠标坐标
    • 保存 iframe 的当前尺寸
  • 在面具上的 mousemove 上：
    • 获取新坐标
    • 将它们与起始坐标进行比较
    • 将差异添加到 iframe 的起始尺寸并调整 iframe 的宽度和高度
  • 在面具上的 mouseup 上：
    • 取下面具

试一试，如果您有任何更具体的问题，请告诉我。

于 2012-10-17T02:05:44.600 回答