我是javascript新手。我有一个简单的脚本问题。我已经在互联网上搜索了很长时间,但是我真的看不到自己在做什么错。可能只有我一个人现在无法思考。
问题是,当我单击“复制1”按钮时,它会复制textarea 2 ...
<textarea id="html" name="html">textarea 1</textarea>
<input type="button" value="Copy 1" onclick="copy_to_clipboard(html);"><br><br><br>
<textarea id="test" name="htmltest">textarea 2</textarea>
<input type="button" value="Copy 2" onclick="copy_to_clipboard(test);">
<script>
function copy_to_clipboard(html)
{
document.getElementById('html').select();
document.execCommand('copy');
}
function copy_to_clipboard(test)
{
document.getElementById('test').select();
document.execCommand('copy');
}
</script>
我试图有两个不同的textarea,每个都有一个复制按钮...
最佳答案
这是因为您创建了两个具有相同名称和参数的函数。您必须这样做:
function copy_to_clipboard(ids)
{
document.getElementById(ids).select();
document.execCommand('copy');
}
<textarea id="html" name="html">textarea 1</textarea>
<input type="button" value="Copy 1" onclick="copy_to_clipboard('html');"><br><br><br>
<textarea id="test" name="htmltest">textarea 2</textarea>
<input type="button" value="Copy 2" onclick="copy_to_clipboard('test');">
并且在函数调用时传入函数的参数必须在配额标记中。检入HTML代码。