Question

我知道你可以调用某个表单元素来使用JavaScript进行聚焦，这出于某些原因让我觉得不应该很难完成我的任务。作为函数的一部分，我想让用户选择特定div的内容（以便他们可以使用control-c轻松复制它）。

如果重要，div除了纯文本之外还包含内容（即它包含以下两个跨度）：

<span style="font-weight:bold; text-transform: capitalize;" id="part1"></span><span id="part2"></span>

请不要jquery。

Answer 1

怎么样：

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
	function selectText(){
		document.getElementById('txt1').value = document.getElementById('xpto').innerHTML;
		document.getElementById('txt1').focus();
    	        document.getElementById('txt1').select();
	}
	</script>
</head>
<body>
	<div id="xpto"><span style="font-weight:bold; text-transform: capitalize;" id="part1"></span><span id="part2"></span></div>
	<form>
		<textarea id="txt1" name="txt1"></textarea>
		<button onclick="selectText()" type="button">Select text to copy</button>
	</form>
</body>
</html>

＆＃13;

以编程方式在JavaScript中选择文本

1 个答案: