製作的IFrame調整大小與純JavaScript沒有jQuery的

Question

我有iframe的

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

我如何讓它可調整大小一樣<textarea></textarea>標籤是可調整大小？

我不想使用jQuery只需JavaScript。

Answer 1

下面是如何做到這一點的總體思路：

• 上的調整大小的目標鼠標按下：
  • 創建一個面具，把它在整個窗口
  • 保存鼠標的座標
  • 保存iframe的當前尺寸
• 鼠標移動到蒙版上：
  • 獲取新座標
  • 比較它們開始座標
  • 添加的差異iframe的起點尺寸和調整iframe的寬度和高度
• 上的面具鼠標鬆開：
  • 取下面膜

試一試，如果您有任何更具體的問題，請告訴我。