select-text-in-javascript

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 代码片段专栏收录该内容

4 篇文章

订阅专栏

本文提供了一个实用的JavaScript函数，用于实现不同浏览器环境下的元素文本自动选中功能。该函数兼容IE、Firefox、Opera及基于WebKit的浏览器，如Chrome和Safari。通过判断浏览器类型并采用相应的API来实现文本选中，适用于网页开发中需要高亮显示或方便用户复制文本的场景。

	
function selectText(element) {
		if (document.body.createTextRange) { // ms
			var range = document.body.createTextRange();
			range.moveToElementText(element);
			range.select();
		} else if (window.getSelection) { // moz, opera, webkit
			var selection = window.getSelection();
			var range = document.createRange();
			range.selectNodeContents(element);
			selection.removeAllRanges();
			selection.addRange(range);
		}
	}