将弹出窗口中的文本插入文本区域答案

【问题标题】：Insert text from popup into textarea将弹出窗口中的文本插入文本区域
【发布时间】：2013-02-18 08:14:42
【问题描述】：

我正在尝试将输入文本从弹出窗口插入到页面上的文本区域，从光标位置定义。

这个想法是，用户单击一个按钮，一个弹出窗口打开，用户可以在输入框中输入文本，然后单击一个按钮将该文本插入到光标位置所在的文本区域。

position = null;

function cursorPosition () {
 if(!window.getSelection)
 {
  position = document.selection.createRange().duplicate();
 }
 else 
 {
  position = window.getSelection();
 }
}

function insertAtCaret (text)
{
 position.text = text;
}

在弹出窗口中我有：

function onclose(text)
{
 var newtext= text;
 opener.insertAtCaret(newtext);
 window.close();
}

不能让它在 chrome 中工作，只有 IE....每次我得到一个

未捕获的类型错误：对象 [对象窗口] 的属性“insertAtCaret” 不是函数

有什么想法让它在所有浏览器中都能正常工作吗？

【问题讨论】：

你试过window.insertAtCaret = function(test) { position.text = text; }吗？
看来它来自你的对象opener，你想成为你的对象并附加了函数insertAtCaret，但是这里opener似乎是窗口......在哪里定义opener?
您是否尝试从输入框获取输入并尝试将其分配给 textarea？我不清楚你想用光标位置传达什么......！
是的，我正在尝试标记来自输入框的输入并将其分配给光标所在的最后一个文本区域 - 光标位置用于此目的。

标签： javascript

【解决方案1】：

以下代码接受来自输入框的输入，并根据需要将其添加到文本区域。它将输入框值附加到文本区域。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<textarea id="demo" cols="30" rows="5">
</textarea>

<script>
function myFunction()
{
var x;

var name=prompt("Please enter your name","Harry Potter");

if (name!=null)
  {
  x = document.getElementById("demo").value; 
  x = x + " Hello " + name + "! How are you today?"; // textarea value is appended here.
  document.getElementById("demo").value=x;
  }
}
</script>

</body>
</html>

【讨论】：

谢谢，但是可以有多个textarea，所以必须是光标位置，它定义了文本应该添加到哪个textarea:)
M 没有捕捉到光标位置的想法，难道没有其他理想的选择或方法可以做到这一点..？
光标的位置和它的位置，是当一个人写完文本时，在弹出窗口中写的文本应该显示的位置。有什么意义的模具？

【解决方案2】：

我认为 FF\Chrome 中的 insertAtCaret 存在问题，您可能需要查看 this。

【讨论】：