Javascript 在“反应”上按三次作为事件？ 三次点击

当我处于项目的开发阶段时，我喜欢调整表单，用一个三次单击事件在另一个元素上填充所有字段（通常是div或header），只是为了避免手动逐个填充所有单个输入。我之所以选择三次点击，是因为用户错误地执行这些操作更加困难

反应事件 在Javascript中，我们可以在应用程序的React组件上附加自定义事件，因为我们有

onClick

事件和

onDoubleClick

事件，但我不知道如何通过更多的单击来实现。换句话说，如何模拟

onTripleClick（）

事件

示例代码

render（）{
返回(
创造促销
{/* ... */}
{/* ... */}
{/* ... */}
{/*这里有很多东西*/}
);
}

---

我想知道是否有人知道React中是否有一种本机方式来处理这个问题，因为我不想使用第三方库或jQuery。关于如何做到这一点，你有什么想法吗？

这与react无关，一般来说，你可以用javascript来实现。 您可以收听一次单击事件并检查事件的详细信息对象（随后的单击次数）。
例子：

var tripplel=document.getElementById（'tripple'）；
trippleEl.addEventListener（'click'，函数（e）{
如果（如细节===3）{
console.log（'3倍于咒语'）；
}
});
你好
只需查看事件详细信息：

class Test extends React.Component{
    onClick(e){
        console.log(e.detail === 3? "tripple click" : "not tripple click");
    }
    render(){
        return <div onClick={this.onClick}>click</div>;
    }
}

类测试扩展了React.Component{
onClick（e）{
console.log（e.detail==3？“三次点击”：“非三次点击”）；
}
render（）{
返回单击；
}
}
是的，你说得对。我混淆了各种概念。谢谢你指点。编辑。你的答案当然也是正确的。但我只能选择一个！。也谢谢你；）谢谢安德鲁！这是一个完美的解决方案。干净、简单、内部事件对象。很高兴为您提供帮助：）当然，如果您认为正确，您可以接受正确答案。嗨，安德鲁。对不起，我对堆栈溢出一无所知。是的，这是正确的，只是我不知道我必须接受它。做。。。谢谢你的信息！当我这样做时，它注册为三个单独的点击事件，每个事件的细节为1。
class Test extends React.Component{
    onClick(e){
        console.log(e.detail === 3? "tripple click" : "not tripple click");
    }
    render(){
        return <div onClick={this.onClick}>click</div>;
    }
}