时间模糊/聚焦事件

Question

我尝试捕捉模糊和聚焦事件的时间编辑器。

我找到了下面的方法。

            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

使用

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

Answer 2

对我来说似乎过于复杂，这应该可以工作:

        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');
            });
        });

Answer 3

你可以使用jQuery来处理模糊/聚焦(然后jQuery会处理依赖于浏览器的东西)。

更新:它工作!这里是时间小提琴: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>