论坛首页 Web前端技术论坛

选择文本触发事件

浏览 10451 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-02-18  
我想实现这样一个功能,就是当我在页面上用鼠标选择文本的几个字后,当我鼠标放开后,能够触发一个事件,不知道,可不可以实现
   发表时间:2008-02-19  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>文本被选中</title>
<script type="text/javascript">
document.onmouseup = function(){
    var myDiv = document.getElementById("myDiv");
    var range = myDiv.document.selection.createRange().text; 
    if(range.length > 0) selected(range);
}

function selected(range){
    alert("选中的内容是:\n" + range);
}
</script>
</head>
<body>
<div id="myDiv">
再过二十天左右就要面临高考了,1321321有许多考222生们目前正在紧张的复习当中。但是在北京出现...(letle.cn) 
</div>
</body>
</html>
0 请登录后投票
   发表时间:2008-02-20  
十分感谢楼上,我在你的基础上加以改进了,可以在ff/ie下运行
document.getElementById("myDiv").onmouseup = function(){   
	var selected = document.all ? this.ownerDocument.selection.createRange().text:this.ownerDocument.getSelection();
	if(selected.length > 0)alert(selected); 
}
0 请登录后投票
   发表时间:2008-02-20  
campaign 写道
十分感谢楼上,我在你的基础上加以改进了,可以在ff/ie下运行
document.getElementById("myDiv").onmouseup = function(){   
	var selected = document.all ? this.ownerDocument.selection.createRange().text:this.ownerDocument.getSelection();
	if(selected.length > 0)alert(selected); 
}

不错,希望也能对别人有用。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics