Tinymce模糊/焦點事件

Question

我試圖捕捉一個tinyMce編輯器的模糊和焦點事件。

我找到了以下方法。

  ed.onInit.add(function(ed) { 
       tinyMCE.execCommand('mceRepaint'); 

       var dom = ed.dom; 
       var doc = ed.getDoc(); 

       if (o.onblurtopics) { 
        tinymce.dom.Event.add(doc, 'blur', function(e) { 
         alert("blur"); 
        }); 
       } 
       if (o.onfocustopics) { 
        tinymce.dom.Event.add(doc, 'focus', function(e) { 
         alert("focus"); 
        }); 
       } 

      }); 

這工作正常，但只在Firefox。當我在當前的Chromium或IE8中嘗試此操作時，它不起作用。

有沒有人有建議？

Answer 1

你可以使用jQuery照顧模糊/焦點（jQuery然後將照顧瀏覽器相關的東西）。

更新：它的工作原理！ 這裏是TinyMCE的小提琴：http://fiddle.tinymce.com/ageaab/1

這裏是代碼：

<script type="text/javascript"> 
tinymce.init({ 
    selector: "textarea", 
    plugins: [ 
     "advlist autolink lists link image charmap print preview anchor", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste" 
    ], 
    toolbar: "bold italic", 
    setup : function(ed) { 
     ed.on('init', function() 
     { 
      $(ed.getBody()).on('blur', function(e) { 
       console.log('blur'); 
      }); 
      $(ed.getBody()).on('focus', function(e) { 
       console.log('focus'); 
      }); 
     }); 
    } 

}); 
</script> 

<form method="post" action="dump.php"> 
    <textarea name="content"></textarea> 
</form> 

Answer 2

使用

tinymce.dom.Event.add(s.content_editable ? ed.getBody() : (tinymce.isGecko ? ed.getDoc() : ed.getWin()), 'blur', function(e) { 
    alert('blur'); 
} 

Answer 3

似乎過於複雜，對我來說，這應該工作：

 editor.onInit.add(function(editor) { 
      tinymce.dom.Event.add(editor.getBody(), "focus", function(e) { 
       parent.console.log('focus'); 
      }); 
     }); 

     editor.onInit.add(function(editor) { 
      tinymce.dom.Event.add(editor.getBody(), "blur", function(e) { 
       parent.console.log('blur'); 
      }); 
     });