javascript - 如何使用 'contenteditable'属性向div添加按键事件

Question

嗨，我使用 -webkit-appearnce 从 div 创建了一个文本区域。现在我想在按键时向此 div 添加一个事件。我尽力做到这一点，但我不确定我哪里出错了。

请看一下代码并让我知道其中有什么问题

CSS:

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px;    
}

HTML:

<div id="input" contenteditable>I look like an input</div>

Jquery:

$('#input').unbind().on('keypress', function(e) {
    if (e.which == 13) {
        alert('hello');
    }
});

谢谢

Answer 1

您的代码运行良好。尝试按 Enter 键以使其发出警报。您正在检查是否按下了 Enter 键 if (e.which == 13) 。您可以删除任何按键的条件语句。

Refer : JsFiddle