繁体   English   中英

如何在第二次单击时释放鼠标之前检测双击?

[英]how to detect double click before the mouse is released on the second clicked?

React 元素有一个很好的onDoubleClick属性。 但它仅在用户第二次单击后释放鼠标时才注册双击。

是否有另一个道具会在第二次点击后立即注册双击,而不是在用户第二次点击时释放鼠标之后?

该事件不存在,但如果您需要,您可以对其进行编程!

 const CLICK_INTERVAL = 500 // double click interval in ms const App = () => { let lastClick = (new Date()).getTime() const handleMouseDown = () => { const msNow = (new Date()).getTime() console.info(msNow - lastClick) if ((msNow - lastClick) < CLICK_INTERVAL) { alert('Double!') } lastClick = msNow } return ( <div> <button onMouseDown={handleMouseDown}> Click me </button> </div> ) } ReactDOM.render( <App />, document.getElementById('container') );
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="container"></div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM