javascript - 使用 Javascript 选择一个完整的表格(将被复制到剪贴板)

Question

我想知道是否有人知道如何使用 js 选择完整的表格，以便用户可以右键单击选择，将其复制到剪贴板，然后将其粘贴到 Excel 中。如果您手动选择表格，则该过程将完美运行。但有时，如果表格高度比屏幕大几倍，拖动鼠标选择它会变得乏味。所以，我想让用户可以点击“选择整个表格”按钮，一切都准备好被复制。

有什么想法吗？

Answer 1

是的。这不是太棘手，以下将适用于所有主流浏览器(包括 IE 6，实际上是 5):

(2012 年 9 月 7 日更新，Jukka Korpela 的评论指出以前的版本在 IE 9 标准模式下不起作用)

演示:http://jsfiddle.net/timdown/hGkGp/749/

代码:

function selectElementContents(el) {
	var body = document.body, range, sel;
	if (document.createRange && window.getSelection) {
		range = document.createRange();
		sel = window.getSelection();
		sel.removeAllRanges();
		try {
			range.selectNodeContents(el);
			sel.addRange(range);
		} catch (e) {
			range.selectNode(el);
			sel.addRange(range);
		}
	} else if (body.createTextRange) {
		range = body.createTextRange();
		range.moveToElementText(el);
		range.select();
	}
}

<table id="tableId" border="1">
	<thead>
		<tr><th>Heading 1</th><th>Heading 2</th></tr>
	</thead>
	<tbody>
		<tr><td>cell 1</td><td>cell 2</td></tr>
	</tbody>
</table>

<input type="button" value="select table" onclick="selectElementContents( document.getElementById('tableId') );">