Question

我实现了spectrum color picker，我正在尝试向调色板添加双击事件。（具有预定义颜色的那个，类名是：sp-thumb-el。）我在line 476之后添加了以下代码：

paletteContainer.on("dblclick", ".sp-thumb-el", function (){
    console.log("you Double Clicked");
});

双击时没有任何反应。我做错了什么，我该如何解决？

Line 479 in JSFiddle

Answer 1

我想你想做这样的事情。

＆＃13;

$("#btn").dblclick(function(){

  console.log("working fine");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn" > double click it </button>

＆＃13;

Answer 2

您似乎错过了https://bgrins.github.io/spectrum/spectrum.js 此外，您需要删除spectrum.css个链接，并在https://bgrins.github.io/spectrum/spectrum.css

添加正确的 https 版本

查看更新版本@ https://jsfiddle.net/f72tscdj/

希望这有帮助，肖恩

Answer 3

关于我上面的评论，你可能想尝试这样的黑客攻击：

       paletteContainer.on("click", ".sp-thumb-el", function (e){
            e.preventDefault();
            e.stopImmediatePropagation();
                            clicks++;
           if(clicks===2){
             console.log("you Double Clicked");
             clicks=0;
           } 
        });

同样也在你的plunkr中更新..

添加双击事件

3 个答案: