焦点事件不使用CKEditor从文本框触发

Question

我正在使用ckeditor显示格式化文本。我正在使用Asp.net mvc 3剃刀辅助方法Html.CKEditorFor（x => x.Description）用于上述目的。需要实现这个ckeditor.I的 水印功能正在使用为目的下面的代码，

$("#Description").focus(function() { 

    $(this).filter(function() { 

     // We only want this to apply if there's not 
     // something actually entered 
     return $(this).val() == "" || $(this).val() == "Type here" 

    }).removeClass("watermarkOn").val(""); 

});  

但是，当我专注于CKEditor的textbox.So我使用Firebug检查该文档的焦点事件不火，并发现默认文本呈现在由mvc ckeditor helper生成的以下类（'cke_show_borders'）中。因此，我将上面的代码修改为

$(".cke_show_borders").focus(function() { 
    $(this).filter(function() { 

     // We only want this to apply if there's not 
     // something actually entered 
     return $(this).val() == "" || $(this).val() == "Type here" 

    }).removeClass("watermarkOn").val(""); 

}); 

但仍然焦点事件没有解雇。 我要去哪里请帮忙。 谢谢。

Answer 1

确保你已经把这个代码在$(document).ready处理程序，以确保在尝试订阅任何事件之前的DOM满载：

$(function() { 
    $('.cke_show_borders').focus(function() { 
     $(this).filter(function() { 
      // We only want this to apply if there's not 
      // something actually entered 
      return $(this).val() == '' || $(this).val() == 'Type here'; 
     }).removeClass('watermarkOn').val(''); 
    }); 
}); 

Answer 2

我最好的猜测是，你应该尝试这样做使用他们的 API而不是jQuery。你检查了他们的developer features？

顺便说一句，我见过的人使用类似的改变CKEditor的默认行为：

var editor = CKEDITOR.replace('ckeditor'); 
editor.on('instanceReady', function(e) { 
    // customize stuff here 
    // this.document.$.childNodes[1].childNodes[1].style.styleName = 'value'; 
    editor.focus(); 
}); 

同样，你可以修改他们的onfocus事件，像这样：

editor.on('focus', function(e) { 
    // code here 
});