Question

我有一个textarea，人们应该能够链接到我网站上的其他主题。我现在有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>

Answer 1

因此，首先，您需要检查如何使用事件侦听器。谷歌，你会发现这个链接：https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

然后您需要知道如何更新文本框的内容。再次：在互联网上查找它，你会发现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;
}

Answer 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" />

愿这有帮助。

如何使用click事件用javascript输入填充textarea

2 个答案: