利用JS取得DIV中选中的文本值

时间:2024-03-04 14:43:21

引用自 http://everhow.blog.163.com/blog/static/357377320089271142979/

<script>
function cc()
{
var g = document.selection.createRange();
if(g.text.length>1 && g.text.length<=6)
{
window.alert(g.text);
}
}
</script>

<div id="d1" onmouseup="cc();">此处显示  id "d1" 的内容</div>

 

Firefox, Safari, Opera下,可以用window.getSelection(), 参考MDC

IE下,可以用document.selection.createRange().text, 参考MSDN

function getSelectionText() {

if(window.getSelection) {

return window.getSelection().toString();

} else if(document.selection && document.selection.createRange) {

return document.selection.createRange().text;

}

return \'\';

}

注意:当选中的是input[type=text]里面的值时,getSelection在Firefox和Opera下无法获取到选取值,在Safari下没问题。

 

<html>
<head>
</head>

<body>

<table>
<textarea id="testid" name="testid">Test Link</textarea>
</table>

<script>
document.getElementById(\'testid\').select();
</script>

</body>
</html>