TinyMCE textarea не отвечает на событие onkeydown

Question

Я пытаюсь вызвать предупреждение, когда пользователь покидает страницу, если он внес изменения в текстовые поля плагина TinyMCE.

Есть мой код. Он работает, если я использую нормальную форму textarea, но это не очень хорошо, когда я добавляю событие onkeydown в текстовое поле крошечного. Я собрал значение «cambios» с помощью консоли браузера, и я увидел, что он никогда не изменяет его значение.

JS:

var cambios = false; 

function change_cambios(){ cambios = true;} 

window.onbeforeunload = function() { 
    if(cambios) { 
     return confirm('Are you sure?'); 
    } 
    return; 
}  

HTML:

<form id="formulari" method="post" > 
     <textarea id="ap0sub2" name="area" onkeydown="change_cambios();"></textarea> 
    </form> 

Это прекрасно работает, если я использую его в TinyMCE плагин. Но когда я включаю текстовый редактор, значение «cambios» остается ложным.

Любые идеи?

Большое спасибо!

Answer 1

TinyMCE скрывает textarea и не представляет свой собственный contenteditable div поэтому является не KeyDown происходит на вашем текстовом поле. Вам нужно добавить слушатель события с помощью методов TinyMCE, когда вы инициализирует его:

tinyMCE.init({ 
    selector:'#ap0sub2', 
    setup : function(ed) { 
        ed.on('keydown', function(e) { 
        cambios = true; 
        console.log(cambios); 
        }); 
      } 
}); 

Работа демо: http://jsfiddle.net/exmdg7ha/

Answer 2

В TinyMCE 4:

tinymce.init({ 
    ... 
    init_instance_callback: function (editor) { 
     editor.on('keyDown', function (e) { 
      console.log('Element clicked:', e.target.nodeName); 
     }); 
    } 
}); 

https://www.tinymce.com/docs/advanced/events/