87,907
社区成员
发帖
与我相关
我的任务
分享onSelect事件没有触发成功，搞不明白，很简单的代码
<html>
<head>
<script>
function copy(box){
document.getElementById("str").innerHTML=window.getSelection();
}
</script>
</head>
<body>
<textarea type="text" id="text" rows="10" cols="30" onSelect="copy()">老骥伏枥志在千里</textarea>
<div id="str" style="width:500px; height:200px; border:1px solid yellow;"></div>
</body>
</html>
这个onSelect为什么没有触发成功，我是在书本上抄下来的，本来只是想练习一下，竟然没有反应，求解答
<head>
<script>
function copy(box){
document.getElementById("str").innerHTML=window.getSelection();
}
</script>
</head>
<body>
<textarea type="text" id="text" rows="10" cols="30" onSelect="copy()">老骥伏枥志在千里</textarea>
<div id="str" style="width:500px; height:200px; border:1px solid yellow;"></div>
</body>
</html>
这个onSelect为什么没有触发成功，我是在书本上抄下来的，本来只是想练习一下，竟然没有反应，求解答
...全文
请发表友善的回复…
发表回复
吴迪98 2019-04-17
- 打赏
- 举报
onselect不要大写，还有window.getSelection()返回的是一个对象，需要window.getSelection().baseNode;
前段小菜鸟 2018-07-10
- 打赏
- 举报
我试了下，双击可以，还有onSelect，onselect怎么都可以啊
zhao7431255 2016-08-21
- 打赏
- 举报
找到问题了，IE不支持window.getSelection, 要用document.selection.createRange().text;
zhao7431255 2016-08-21
- 打赏
- 举报
我选中以后就出现了下面的代码zhao7431255 2016-08-21
- 打赏
- 举报
我用的是onselect而不是onmouseup,我就想知道为什么这个onselect没有反应
marlborone 2016-08-21
- 打赏
- 举报
我试了下，是可以的啊。。。。。
这样选中------>
这样选中------>
泡泡鱼_ 2016-08-21
- 打赏
- 举报
输入框的选择和普通的文本选择好像是有不同的，我简单粗暴的以你的例子让你尝试一下
<html>
<head>
<script type="text/javascript">
function copy(){
document.getElementById('str').innerHTML = window.getSelection();
}
window.onload=function(){
document.body.onmouseup = copy;
}
</script>
</head>
<body>
<textarea type="text" id="text" rows="10" cols="30" onmouseup="copy()">老骥伏枥志在千里</textarea>
<div id="str" style="width:500px; height:200px; border:1px solid yellow;"></div>
老骥伏枥志在千里--选择这个试试
</body>
</html>
