タイトル入力フィールドと tinymce4 テキストエリアがあります。
tinymce init で、ぼかしとフォーカスのイベント リスナー (coffescript) を定義しました。
tinymce.init(
$.extend {}, tinyMceDefaultConfig,
editor_selector:"tinymce-question"
setup: (editor) ->
editor
.on 'init', (e).....
.on 'focus', ->
console.log('focus')
.on 'blur', ->
console.log('blur')
tinymce textarea フィールドに入ると、フォーカスイベントのみが発生します。正常に動作します。
しかし、タイトル入力フィールドからtinymce（マウスイベント付き）に移動すると、フォーカスイベントとぼかしイベントが発生します。
なんで？または、どうすればこれを回避できますか?
更新：
ここに例があります。バグですか？
テキストエリアをクリックすると、フォーカスだけが発生しました。入力フィールドにいて、テキストエリアをクリックすると、フォーカスとぼかしが発生します。
<html>
<head><!-- CDN hosted by Cachefly -->
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
tinymce.init({
selector:"textarea",
setup: function(editor) {
editor.on('focus', function() {
console.log('focus');
});
editor.on('blur', function(){
console.log('blur');
})
}
});
</script>
</head>
<body>
<input type="text" name="fname">
<textarea>Your content here.</textarea>
</body>
</html>
アップデート：
フォーカスは 1 回発生しましたが、ブラーはもう発生しません。
更新 2:
なるほど、この問題は Chrome だけにあるのですね。Firefox と Safari では問題なく動作します。
更新3:
実際の Nightly ビルドで修正されています。どのバージョンに統合されるかはわかりません。