使用javascript输入事件获取键代码

Get key code with javascript input event

本文关键字:代码 获取 入事件 javascript 输入 使用      更新时间:2023-09-26

我需要从键盘上抓取输入并将其放在div中。我还想从编辑器中抓取复制粘贴字符串。所以我使用输入事件而不是keyup

要做到这一点,我需要获取字符代码并将其转换为字符串。但是我发现e。which不能处理输入(至少对我不起作用,对其他人不太确定)。每次返回0。

我想保留"input"事件。那么我如何获得这个事件的键代码呢?

var editor=document.getElementById('editor');
var content=document.getElementById('content');
editor.addEventListener('input',function(e){
    alert(e.which);
});
#editor{
    position:relative;
    width:500px;
    height:400px;
    border:1px solid black;
    word-wrap: break-word;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:1em;
    box-sizing:border-box;
    overflow:scroll;
}
	  
<div id='editor' contenteditable='true' ></div>

这是因为输入不是一个KeyboardEvent和Event。它是KeyboardEvent的一个属性。

如果你想获得e.which那么你需要使用一个可用的键盘事件比如keypress, keyup或keydown