使用纯JavaScript使IFrame大小可调,无需jQuery
我有一张照片使用纯JavaScript使IFrame大小可调,无需jQuery,javascript,html,resizable,Javascript,Html,Resizable,我有一张照片 <iframe class="myframe" src="some_page.html" width="800px" height="600px" /> 我如何使其可调整大小,就像标记可调整大小一样 我不想使用jQuery,请只使用JavaScript。以下是如何使用jQuery的一般思路: 在“调整大小”目标上单击鼠标向下: 创建一个遮罩并将其覆盖整个窗口 保存鼠标的坐标 保存iframe的当前尺寸 在遮罩上的鼠标移动: 获取新坐标 将它们与起始坐标进行
<iframe class="myframe" src="some_page.html" width="800px" height="600px" />
我如何使其可调整大小,就像
标记可调整大小一样
我不想使用jQuery,请只使用JavaScript。以下是如何使用jQuery的一般思路:
- 在“调整大小”目标上单击鼠标向下:
- 创建一个遮罩并将其覆盖整个窗口
- 保存鼠标的坐标
- 保存iframe的当前尺寸
- 在遮罩上的鼠标移动:
- 获取新坐标
- 将它们与起始坐标进行比较
- 将差异添加到iframe的起始尺寸,并调整iframe的宽度和高度
- 在蒙版上的鼠标上:
- 摘下面具
试一试,如果你有任何更具体的问题,请告诉我。ye-1因为没有jqueryThe-1你无法做任何事情。可能是因为这个问题表明你完全没有工作,这只是一个“我怎么做”的问题。