如何将表格单元格颜色更改为三次单击html5 / javascript / css的默认值

Question

我是Web开发的新手，为了对此有所了解，我正在从事一个项目https://jsfiddle.net/pz6tc3ae/30/ （请尝试使用chrome项目，某些功能在其他浏览器中不起作用）。 此项目中有两个表，单击表1中的任何单元格会触发表2，如果用户单击表2中的选项，则会更改表1中单击的单元格的颜色。

我想做的是，在表1中添加一个功能，当用户在表1中的单元格上单击3次时，该单元格的颜色将变为特定/默认颜色。

我已经进行了一些研究，但是对于javascript和html5还是陌生的，我不确定如何将研究成果实施到我正在从事的项目中，因此欢迎您提供任何帮助。

例如，在w3school上阅读： http : //www.w3schools.com/tags/ev_ondblclick.asp我发现了双击功能

<button ondblclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

另外，Andy E给出了一个有用的答案，即“ 如何侦听JavaScript中的三次点击”？ 但我不确定如何将其放入我的项目中。

在此先感谢您，如果我的问题不清楚，请告诉我。

Answer 1

基于@ Ryan.Hunt注释/帮助，我能够使用以下方法解决我的问题：

 if (evt.detail === 3) {
            actionCell.style.background = '#000000';
        }

https://jsfiddle.net/5xrqpggh/

希望对以后的读者有所帮助。