我对 JavaScript 很陌生,希望这里有人可以帮助我解决以下问题:
主要是在 IE 8 中寻找解决方案——如果它可以更好地覆盖其他浏览器/版本。我有一个页面,其中只有一个 contenteditable div,它是动态创建的,并且包含文本和 HTML 标签。在页面上,我想添加一个按钮,将光标位置的某些文本插入到这个 div 中。
到目前为止,我有以下代码,只要我在 div 中选择一个文本,它就可以正常工作,但是如果我只是将光标放在那里而不选择任何内容,它会将我的文本插入到 div 之外。
我怎样才能让它总是在光标位置添加我的文本,就像现在在选择位置一样?(我什至不需要它来替换选择,因为它只需要在光标位置。而且,这只需要一个特定的 div。)
我的代码:
<html>
<head>
<script type="text/javascript">
function test()
{
var input = "TEST";
document.selection.createRange().pasteHTML(input);
}
</script>
</head>
<body>
<div id="myDiv" contenteditable>This is a test text.</div><br />
<button type="button" onclick="test()">Test</button>
</body>
</html>
感谢您对此的任何帮助,蒂姆