jquery - 在动态加载的 iframe 中捕获 keyup 事件

Question

我有一个使用wysihtml5的文本编辑器。我认为文本编辑器是在 iframe 中加载的。我需要在文本编辑器中捕获按键事件。以及如何防止在此文本编辑器中滚动。

下面的代码加载文本编辑器

<textarea name="message" id="message" maxlength="10000" class="span12 inbox-editor wysihtml5 m-wrap" rows="12">sample text</textarea>

任何建议表示赞赏

Answer 1

如果您通过 xing 使用 wysihtml5，您可以这样做：

 $('.textarea').wysihtml5({
    events: {
      load: function() {
        $('.wysihtml5-sandbox').contents().find('body').on("keydown",function(event) {
          //your key event
        }); 
      }
    }
  });

我不明白滚动的问题是什么。

Answer 2

同意@Waxolunish，这是一个示例实现，我尝试捕获“tab”按键事件：

$('#wysihtml5').each(function(i, elem) {
  $(elem).wysihtml5({
    "font-styles": true,
    "emphasis": true,
    "lists": true, 
    "html": true, 
    "link": true,
    "image": true,
    "color": false,
    "events": {
      "focus": function() {
        $('.wysihtml5-sandbox').contents().find('body').on("keydown",function(event) {          
          event.preventDefault();              
          var keyCode = event.keyCode || event.which;

          if (keyCode == 9){
             // do something & remember to add all the closing tags..

祝你好运！