如何检测tinyMCE textarea模糊/聚焦事件？

我正在研究现有项目。当我点击网页上的一些可编辑文本时，它会变成textarea，并出现tinyMCE工具栏。当我点击textarea外部时，工具栏消失。我想在textarea失去焦点并希望自动提交表单时获得该事件。如何检测tinyMCE textarea模糊/聚焦事件？

我无法捕获那个focusout事件。只有mouseout事件正在工作，但它不好，因为当我们移到textarea之外时，表单被提交并且页面每次都刷新。

$('.module-container form').live("mouseout", function() { // blur/focusout not working here. even ".module-container form textarea" selector not working 
    alert('outside'); 
});

那么如何捕捉TinyMCE的textarea的focusout事件。任何想法？

感谢

来源

2011-12-23 Student

所以，你实际上可以摆脱编辑器的实例？ – 2011-12-23 10:24:32

尝试：

 
tinyMCE.dom.Event.add(tinyMCE.getInstanceById("editor-id").getWin(), "blur", function(){ 
    // Blur operations 
});

来源

2011-12-23 10:28:04

这是编辑器中使用的iframe的副产品吗？ – 2011-12-23 10:29:54

当tinyMCE工具栏出现时，我可以在html中看到iframe标签。 – Student 2011-12-23 10:34:22

@Student是的，如果您不使用MCE4的内联模式（http://www.tinymce.com/tryit/inline.php） – NoBugs 2014-05-31 22:52:20

一个简单的方法是

$(ed.getDoc()).bind("blur", function(e){ 
    // do whatever you like here 
}, true);

来源

2011-12-23 15:50:52 Thariama

如何检测tinyMCE textarea模糊/聚焦事件？

回答

相关问题