如何在iframe中对具有可编辑属性的元素进行onclick操作？

Question

我想通过单击iframe（ID：#iframe）中的元素来启动功能，该属性具有“ contenteditable”属性。

对于页内代码，我的代码可以正常工作，但可以与iframe一起使用。

该代码也可以与iframe一起使用时，我需要更改什么？

$(document).on('click','[contenteditable]',function(e) { ... })

感谢您的帮助和解释！

Answer 1

使用jquery函数的contents()

$('#iframe').contents().find('body').find('[contenteditable]').on('click',function(e) { ... })

Answer 2

$(document).ready(function(){
   $("iframe").load(function(){
     $(this).contents().find('body').find('#id-contenteditable').on("click", function(){
       /* your code goes here*/
    });
  });
});

在准备好文档并完成iframe加载后，找到contenteditable属性，并将click事件绑定到特定元素上。