在动态加载的iframe内捕获keyup事件

Question

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

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

<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..

祝好运!