使用纯JavaScript而不是jQuery使IFrame可以调整大小

Question

我有iframe

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

如何使其可调整大小，与<textarea></textarea>标记可调整大小相同？

我不想只使用jQuery jQuery。

Answer 1

以下是如何做到的一般概念：

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

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