Question

我试图将弹出窗口中的输入文本插入页面上的textarea，从光标位置定义。

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

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 ....每次我得到一个

Uncaught TypeError：Property＆＃39; insertAtCaret＆＃39;对象[对象窗口] 不是一个功能

是否有任何想法让它适用于所有浏览器？

Answer 1

下面的代码接受来自输入框的输入，并根据需要将其添加到textarea。它将inputbox值附加到textarea。

<!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>

Answer 2

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

将文本从弹出窗口插入textarea

2 个答案: