剑道编辑在<;textarea>;创建iframe,因此无法在其中绑定任何javascript事件

剑道编辑在<;textarea>;创建iframe,因此无法在其中绑定任何javascript事件,iframe,javascript-events,kendo-ui,jquery,jquery-on,Iframe,Javascript Events,Kendo Ui,Jquery,Jquery On,在我的应用程序中,我使用剑道编辑器并在如下元素上初始化它 <textarea id="foo"/> $("foo").kendoEditor(); <iframe src='javascript:""' frameborder="0" class="k-content"> $(“foo”).kendoEditor(); 现在,当我查看生成的html时,它会生成一个iframe for editor区域,如下所示 <textarea id="foo"/>

在我的应用程序中,我使用剑道编辑器并在如下元素上初始化它

<textarea id="foo"/>

$("foo").kendoEditor();
<iframe src='javascript:""' frameborder="0" class="k-content">

$(“foo”).kendoEditor();
现在,当我查看生成的html时,它会生成一个iframe for editor区域,如下所示

<textarea id="foo"/>

$("foo").kendoEditor();
<iframe src='javascript:""' frameborder="0" class="k-content">

现在我想为这个IFrame中的元素绑定click(以及更多)事件,但是它不起作用,因为IFrame是动态生成的

剑道编辑器提供了一些事件,如“选择”、“键向上”、“键向下”,但我想要更多的事件,如单击等。。那么我如何才能做到这一点呢


我已经在.k-content类的事件上尝试了Jquery,但它没有帮助。

您可以获取编辑器的
主体元素,并在那里绑定事件:

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

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

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

这是一个实时演示:

有没有办法在点击编辑器上方的不同按钮时捕捉事件?@RushiSoni,是的,使用编辑器的“执行”事件,如文档中所述()。