当用户进入该div时，如何按键事件？

Question

I want to press arrow down key automatically when user presses enter on my contenteditable div and here is my code i have tried

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

But unfortunately this code is fruitless.
JsFiddle https://jsfiddle.net/2q9x4xzm/

Answer 1

Make use of the following

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

Complete code

    $('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