jquery - tinymce keyup 事件不会在 Tab 键上触发

Question

我正在使用tinymce 4.3.2，当您在编辑器中按 Tab 键时，我尝试添加自定义事件。这是我使用 jquery 插件的设置:

$(el).tinymce({
    theme: "modern",
    plugins: [
        'textcolor'
    ],
    toolbar: 'bold italic underline forecolor',
    menubar: false,
    statusbar: false,
    setup: function(editor) {
        editor.on('keyup', function(e) {
            console.log('keyup event fired');
        });
    }
});

但是，当我按 Tab 键时，这个 keyup 函数似乎没有运行。

Answer 1

我花了很多时间思考这个问题，我希望能让别人避免在这个问题上浪费大量时间。似乎选项卡会在注册 keyup 事件之前转到下一个元素。解决方案是添加一个 keydown 事件，并在按下 Tab 键时阻止默认事件。

setup: function(editor) {
    editor.on('keydown', function(e) {
        var key = e.keyCode || e.which;

        // do nothing on tab key
        if (key == 9) {
            e.preventDefault();
            return;
        }

    }).on('keyup', function(e) {
        console.log('keyup event fired');
    });
}

成功!