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

标签 javascript html css

我需要从键盘获取输入并将其放入一个 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>

最佳答案

是因为input不是 KeyboardEventEvent.which是 KeyboardEvent 的属性。

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

关于javascript - 使用javascript输入事件获取关键代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31601754/

相关文章:

html - 半透明导航栏中右侧的菜单和左侧的 Logo

javascript - HTML5 Canvas 油漆重画lineJoin不圆 Angular

html - SVG 元素上的奇数边距

链接中的 CSS 首字母选择器

javascript - JavaScript 中未定义的输入字段值

javascript - 如何在成功的 ajax 请求后禁用 onclick 事件?

javascript - 在 Javascript 中使用 parseFloat 添加时结果不正确

javascript - HTML:Div Click 功能不起作用(业余爱好者)

php - 混合 javascript、jQuery 和 PHP,换行符

javascript valueOf() 返回相同日期的不同整数值