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

时间:2013-10-30 06:46:08

标签: jquery html5 iframe wysihtml5

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

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

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

任何建议表示赞赏

2 个答案:

答案 0 :(得分:3)

如果您通过xing使用wysihtml5,您可以这样做:

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

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

答案 1 :(得分:0)

同意@Waxolunish,这是一个示例实现,我尝试捕获&#34;标签&#34;按键事件:

$('#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..
祝你好运!