Question

我想为人们制作一个嵌入式助手所以基本上我想对this进行模拟脚本的问题是，重复原始内容，而不是src部分例如：

<iframe src="INPUT_VALUE">

因此目标是当您为输入区域键入网址时，显示在iframe src上的textarea中。
Here a image我想要的是什么
如何解决这个问题？

Answer 1

试试这个

<iframe src="INPUT_VALUE">

jQuery代码将是

$('element').keyup(function () {
   $('iframe').attr('src', 'new_source_link');
}

但请注意，iframe不会为您提供keyup事件。因为它与您的DOM没有任何关系。但是，事件可以在实际托管的站点上处理，但不能从iframe处理。

Answer 2

我的朋友为此制作了一个剧本，我想分享一下！

<script>

 function setsrc(){
var src = document.getElementById("src_field").value;

document.getElementById("iframe_field").value = '<iframe frameborder="0" allowfullscreen style="overflow-x: hidden; overflow-y: hidden;" width="730"  height="569" src="'+src+'"></iframe>';
}

</script>

和html部分：

<p>Enter the URL:</p><br />
<input type="text" name="src_field" id="src_field" onKeyup="javascript: setsrc();   return false;"/>
<br /><br />
<p>Embed code:</p>
<br />
<textarea id="iframe_field">
<iframe allowfullscreen style="overflow-x: hidden; overflow-y: hidden;" width="730"  height="569" src="" frameborder="0">
</textarea>

如何用onkeyup更改iframe src值？

2 个答案: