Редактор кендо в <textarea> создает iframe, поэтому нельзя связывать внутри него любые события javascript

Question

В моем приложении я использую редактор Kendo и инициализирую его на таком элементе, как это

<textarea id="foo"/>

$("foo").kendoEditor();

теперь, когда я смотрю на сгенерированный HTML для того же самого, он делает iframe для области редактора, как это

<iframe src='javascript:""' frameborder="0" class="k-content">

Теперь я хочу связать события click (и некоторые другие) для элементов внутри этого IFrame, но он не работает, поскольку iframe генерируется динамически.

Kendo Editor предоставляет некоторые события, такие как "Выбрать", "KeyUp", "KeyDown", но я хочу больше событий, таких как щелчок и т. Д. Итак, как мне это сделать?

Я уже пробовал Jquery на событие в классе.k-контента, но это не может помочь..

Answer 1

Вы можете получить body Элемент редактора и связывания событий там:

$("#foo").kendoEditor();

var editor = $("#foo").data("kendoEditor");

$(editor.body).click(function() {
  alert("click");
});

Вот живая демонстрация: http://jsbin.com/eLAjofA/1/edit