如何在CKeditor中的同一元素上绑定单击和双击事件答案

【问题标题】：How to bind click and double click events on the same element in CKeditor如何在CKeditor中的同一元素上绑定单击和双击事件
【发布时间】：2018-07-25 20:55:14
【问题描述】：

我遇到了 CKeditor 点击事件和双击事件的问题。目前，我正在将点击事件和双击事件绑定到 CKEditor dom。

    editor.on('doubleclick', function (evt) {
        console.log("doubleclicked");
        //Some ajax calls
    }, null, null, 999 );
    editor.on('click', function (evt) {
        console.log("clicked");
        //Some ajax calls
    }, null, null);

上面代码的一个问题是，当我双击元素时，它也会首先触发点击事件。当我双击元素时，这两个代码都会执行。

对于上述情况，CKEditor 有什么解决方案吗？

我的问题与 CKeditor 插件有关。所以我必须为单击和双击绑定正确的（内置）事件。

【问题讨论】：

check the link for help
Jquery bind double click and single click separately的可能重复
我已经尝试过上述解决方案。虽然它工作正常，但管理层不会批准这样的代码，因为它看起来像一个补丁。所以我必须找到CKeditor提供的合适的事件绑定。
@Maharshi 检查我的答案。
@Maharshi 检查我的更新答案。

标签： javascript jquery click ckeditor double-click

【解决方案1】：

试试这个。它会起作用的。对于 CKeditor，您可以将 editor.on('dblclick', function (evt) { 行替换为此行 editor.on('doubleclick', function (evt) {

Check this link.

    function singleClick(e) {
       console.log('single click');
   }

   function doubleClick(e) {
       console.log('double click');
   }

   editor.on('dblclick', function (evt) {
        $(this).data('double', 2);
        doubleClick.call(this, evt);
        //Some ajax calls
    }, null, null, 999 );
    editor.on('click', function (evt) {
        var that = this;
        setTimeout(function() {
            var dblclick = parseInt($(that).data('double'), 10);
            if (dblclick > 0) {
                $(that).data('double', dblclick-1);
            } else {
                singleClick.call(that, evt);
            }
        }, 300);
        //Some ajax calls
    }, null, null);

【讨论】：