Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用纯JavaScript使IFrame大小可调,无需jQuery_Javascript_Html_Resizable - Fatal编程技术网

使用纯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你无法做任何事情。可能是因为这个问题表明你完全没有工作,这只是一个“我怎么做”的问题。