在 CK 编辑器中单击按钮时显示警报

Question

如果按下按钮，如何使用 ckeditor 显示警报？

代码如下：

$(document).ready(function () {
      $(".cke_button__bold").click(function () {
          editor.on("CKEDITOR.cke_button__bold",CKEDITOR.cke_button_on);
          function handleAfterCommandExec(evt){
                var commandName = CKEDITOR.command.cke_button__bold;
                // For 'bold' commmand
                if (commandName == 'cke_button__on')
                {
                    alert("Bold button pressed!");
                }
         }
     });
});

Answer 1

事件委派

事件

委托允许我们将单个事件侦听器附加到父元素，将为所有与 a 匹配的后代触发选择器，这些后代是现在存在还是添加到前途。

$(document).ready(function () {
      $(document).on('click','.cke_button__bold',function () {
         if($(this).hasClass('cke_button_on'))//checking for enable only
         {
           alert("Click event occure when only enable");
         }
     });
});

更新的演示