javascript - 当用户进入该 div 时如何执行按键事件？

Question

我想当用户在我的 contenteditable div 上按下 enter 时自动按下箭头键，这是我试过的代码

$('body').on('keypress', '.chat_txt', function(e) {
       if (e.keyCode === 13) {
            e.preventDefault();
            e.stopPropagation();
            $(this).append('\n'); 
            $(this).trigger({ type: 'keypress', which: 40});
        }
});

但不幸的是这段代码没有结果。
JsFiddle https://jsfiddle.net/2q9x4xzm/

Answer 1

利用以下内容

var e = $.Event('keypress');
        e.which = 40;
        $('.chat_txt').trigger(e);

完整代码

    $('body').on('keypress', '.chat_txt', function(e) {
console.log(e.keyCode);
       if (e.keyCode === 13) {

            var evt = $.Event('keypress');
            evt.keyCode = 40;
            console.log(evt);
            $('.chat_txt').trigger(evt);
            e.preventDefault();
            e.stopPropagation();
        }
});

})

JSFIDDLE