js 捕获ctrl + c / ctrl + v

最新推荐文章于 2025-05-26 14:24:49 发布

原创最新推荐文章于 2025-05-26 14:24:49 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#C #C++ #C#

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在HTML页面中使用键盘快捷键（如Ctrl+V粘贴、Ctrl+C复制和Ctrl+Z撤销）来编辑表格内容的方法。通过JavaScript实现了对表格单元格的编辑功能，包括将剪贴板的内容粘贴到表格单元格内，并提供了撤销操作。

<html>
<header>
<script>
function keypress()
{
var keyCode = window.event.keyCode;

var opCell = window.event.srcElement;

if(keyCode == "22")
{
// press Ctrl+V keyboard
var txt = clipboardData.getData('text');
if(txt == null) {txt = ""};
opCell.innerText = txt;

}else if(keyCode == "26")
{
// press Ctrl+Z keyboard (ctrl+z只是简单的将这个单元格的值清空，要想恢复上一次值，请用右键)
opCell.innerHTML = " ";
}else
{
if(window.event.srcElement.tagName == "TD"){
mygrid.editCell(window.event);
}
}
}

function keyup()
{
var keyCode = window.event.keyCode;

/* Ctrl+C 事件要在onKeyup事件中捕获 */
if(keyCode == "67")
{
// press Ctrl+C keyboard
var opCell = window.event.srcElement;
clipboardData.setData("text",opCell.innerText);
}
}
</script>
</header>

<body onKeypress="keypress()" onKeyup="keyup();">
</body>
</html>