jquery - 事件跟踪ckEditor颜色按钮，颜色点击

Question

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

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

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

如何知道点击了哪个按钮

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

$('.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>