javascript选定文字文本获取文本文字后弹出

最新推荐文章于 2022-06-11 15:22:43 发布

cdcdhj

最新推荐文章于 2022-06-11 15:22:43 发布

阅读量254

点赞数

分类专栏： javascript学习日记文章标签： javascript

本文链接：https://blog.csdn.net/cdcdhj/article/details/117524393

版权

javascript学习日记专栏收录该内容

134 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="p1"><b>Hello</b> world!</div>
		<button type="button" id="bnt">获取选中文本</button>
		<script language="javascript">
			function getSelectedText(){
				if(window.getSelection){  //主要用了getSelection属性
					return window.getSelection().toString();
				}else if(document.getSelection){
					return document.getSelection().toString();
				}else if(document.selection){
					return document.selection.createRange().text;   //IE浏览器的选中文本方法
				}
			}
			var d=document.getElementById('p1');  
			d.addEventListener('click',function(event){  //约束在编辑区
				event.preventDefault();
				alert(getSelectedText());
			});
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cdcdhj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript选定文字文本获取文本文字后弹出

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="p1"><b>Hello</b> world!</div> <button type="button" id="bnt">获取选中文本</bu
复制链接

扫一扫