事件跟踪ckEditor颜色按钮，颜色点击答案

【问题标题】：event to track ckEditor Color Button , color click事件跟踪ckEditor颜色按钮，颜色点击
【发布时间】：2018-07-27 03:07:00
【问题描述】：

我想要实现的是在用户单击时选择的颜色的基础上更新 Ckediter 颜色按钮插件工具栏下拉菜单/图标 bg 颜色。

假设我想在单击颜色按钮弹出窗口中的任何颜色时显示警告消息

还提到了如下未回答的链接

How to know which button is clicked

我尝试了以下代码，使用颜色按钮调用标签类“cke_colorbox”。但它也不起作用。

$('.cke_colorbox').click(function () {
  alert('Color Selected');
 });

仅供参考：我在页面上使用多个动态 ckeditoer 文本区域。

【问题讨论】：

所以基本上你想知道，点击了哪个按钮？
是的，没错。所以基本相同，我可以做相应的动作。
我添加了一个答案，希望这是您正在寻找的基本想法
抱歉，不适用于 ckEditoer 颜色按钮工具栏。
你能给个 ckEditoer 的网址吗？或者你有那个工具栏的 html 内容吗？

标签： jquery jquery-plugins ckeditor ckeditor4.x django-ckeditor

【解决方案1】：

这是对您的问题作为答案的指导。认为您的工具栏已设置按钮，并且您想知道单击了哪个按钮并取决于您要执行某些操作。参考下面的代码来了解一下，

$('#toolbar>li').click(function () {
    var buttonIndex =  $("#toolbar>li").index($(this));
    alert(buttonIndex);
    //Perform action for the button
    //switch(buttonIndex){
    //case 0: break;
    //default:break;
    //}
     
     
});

#toolbar>li{
display:inline-block
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<ul id="toolbar">
<li><button>A</button></li>
<li><button>B</button></li>
<li><button>C</button></li>
<li><button>D</button></li>
<li><button>E</button></li>
<li><button>F</button></li>
</ul>

【讨论】：