当我给一个元素添加单击事件和双击事件时,单击事件也会在双击时触发。我希望将它们分开,只有单击或双击时才触发一个事件。我在jQuery中找到了一些示例,但我想要一个React的清晰函数。
结果:
当我给一个元素同时添加单击事件和双击事件时,双击操作会触发单击事件。我希望将它们分离开来,只有单击或双击时才触发一个事件。我在 jQuery 中找到了一些示例,但我想要一个干净的 React 函数。
handleClick = () => {
console.log('only fire click')
}
handleDoubleClick = () => {
console.log('only fire double click')
}
render () {
return <Element
onClick={evt => this.handleClick}
onDoubleClick={evt => this.handleDoubleClick}
></Element>
}
setTimeout
之前调用this.singleClick()
,否则单击函数的效果也会被延迟。 - skwidbreth