将表格单元格复制到剪贴板,双击其行上的任意位置(Javascript)

时间:2018-04-19 18:00:03

标签: javascript

我们有一个包含n行的表。如果双击任何行,则将此行的最后一列的值复制到剪贴板。我认为它是一个有用的功能,但我无法实现它。有什么建议吗?

我尝试过类似的事情:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_copy_clipboard2

1 个答案:

答案 0 :(得分:0)

我不知道是否真的不知道你的问题,但也许这可以帮到你。

双击表格行时,将最后一个字符复制到剪贴板。

以下是我制作的代码:



// You can use any function to copy here
function copyToClipboard(textToCopy) {
    var input = document.createElement("input");
    document.body.appendChild(input);
    input.value = textToCopy;
    input.select();
    document.execCommand("Copy");
    input.remove();
}

function copyLastColumn(tr) {
    copyToClipboard(tr.lastElementChild.innerHTML);
    alert('copied to clipboard');
}

<table border="1">
    <tr ondblclick="copyLastColumn(this)">
        <td>a</td>
        <td>b</td>
        <td>c</td>
	 </tr>
    <tr ondblclick="copyLastColumn(this)">
        <td>d</td>
        <td>e</td>
        <td>f</td>
    </tr>
    <tr ondblclick="copyLastColumn(this)">
        <td>g</td>
        <td>h</td>
        <td>i</td>
    </tr>
</table>
&#13;
&#13;
&#13;