当用户进入该div时,如何按键事件?

时间:2016-11-05 07:45:17

标签: javascript jquery

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

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

1 个答案:

答案 0 :(得分: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