事件跟踪ckEditor颜色按钮，颜色单击

Question

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

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

还提到了未解决的链接，如下面的

How to know which button is clicked

我尝试了以下代码，使用颜色按钮调用标记类＆＃34; cke_colorbox＆＃34;但它也没有用。

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

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

Answer 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>