如何使用点击事件用javascript输入填充文本区域[关闭]答案

【问题标题】：How to use click event to fill textarea with javascript input [closed]如何使用点击事件用javascript输入填充文本区域[关闭]
【发布时间】：2012-12-24 23:11:30
【问题描述】：

我有一个文本区域，人们应该可以在其中链接到我网站上的其他主题。我现在有 6 个按钮，它们是 OnClick，但我希望它更容易实现，所以我想要一个 click event 而不是它......

问题是我不知道该怎么做。例如，如果有人点击某个按钮，它必须弹出一个带有输入字段的 javascript 弹出窗口，人们可以在其中填写网站或主题的 URL。这个填完之后，要自动放到textarea上。

我该怎么做？

这是我尝试过的：

<?php
if ($verified_user) {
  echo "
<form method=post action=\"\" class=post> 

<textarea id=\"qut\"></textarea>

<div class=wtf>
        <input type=\"button\" class=\"button\" onclick=\"hen('d','--! ($language[spoil]: spoiler) !--\n\r','\n\r--! ($language[spoil] : spoiler) !--\r')\" value=\"$language[spoiler]\"  />
</div>   
";    }

?>

</div>
</textarea>
</form>

【问题讨论】：

另外，你试过什么？您的问题的各个部分都已在 SO 上得到解答。
我问一些不容易解决的问题 :) 喜欢这个。
投票结束；不是一个真正的问题。（我也怀疑其他人。）
另外，显然完全重复？ stackoverflow.com/q/14026044/7469
查看我对您的评论的评论。

标签： javascript button onclick click textarea

【解决方案1】：

所以，首先，您需要检查如何使用事件监听器。谷歌一下，你会找到这个链接：https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

那么你需要知道如何更新文本框的内容。再说一遍：在 Internet 上查找它，您会找到 innerHTML。

最后可能是这样的：http://jsfiddle.net/zvnAH/1/

var button = document.getElementById("button");

if(button.addEventListener){ //FF, Chrome, Safari, IE > 9, ...
    button.addEventListener('click', addLink, false); 
}else if(button.attachEvent){ //IE < 9
    button.attachEvent('onclick', addLink);
}

function addLink(){
    var tmp = document.getElementById("txt").innerHTML;
    var link = prompt("Add link:");
    document.getElementById("txt").innerHTML = tmp + link;
}

【讨论】：

小提琴不起作用。它没有填满文本区域......不过感谢您的回答！
你用的是什么浏览器？你看我的链接了吗？
火狐。我正在读它，伙计，谢谢。显然，InnerHTML 是我要搜索的词。
刚刚用 Firefox 尝试了 Fiddle，对我来说非常适合。
我更改了左侧的 Mootools，现在它也对我有用。谢谢兄弟！我现在可以解决这个问题了。

【解决方案2】：

在您的按钮（六个中的一个）上，添加：

<input type="button" onclick="window.open(URL_of_the_new_page_with_input_field,'name_popup','menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100');" />

在另一个页面中，您有输入字段和一个确定按钮。

使用这个：

<input type="button" value="OK" onclick="window.opener.document.getElementById('the_textarea_id').value = document.getElementById('the_inputfield_id').value" />

希望对您有所帮助。

【讨论】：

感谢您的回答伙伴，但这不是我需要的。我已经有一个 onclick，我想要一个点击事件。
您的意思是要触发事件吗？类似 $('#the_button_id').trigger() ?
是的，确实如此。如果有人点击一个按钮，它必须显示一个带有 (http://) 的 javascript 弹出窗口，以便人们可以输入链接。此外，它必须有第二个弹出窗口，它将链接（a href）名称更改为用户编写的任何内容。点击ok后，应该放到textarea上...
你能告诉我你试过什么吗？
好吧，看第一篇文章。这就是我尝试过的我的兄弟。但是整个功能并没有做我想做的事情。