我如何订阅React的全球虚拟活动？

Question

有没有一种标准或哈希的方式，我可以听一个给定的React应用程序树的事件的所有事件？例如。所有onClicks。

编辑：没有，我想所有事件，不只是具体的。

Answer 1

AFAIK没有标准的方法来做到这一点。准确地说，你可能只是想听取派发给合成事件处理程序，而不是听所有事件。例如，只要在屏幕上移动鼠标，就会产生一串mousemove事件。

捕获事件分派，你可能需要手动破解一个监听到executeDispatch在https://github.com/facebook/react/blob/v0.14.6/src/renderers/shared/event/EventPluginUtils.js

我希望这种情况的应用程序只是为了调试传统面条代码。将任何种类的全球听众纳入生产代码将会遇到麻烦。

Answer 2

您可以只听最外层容器的事件。这将包括所有的孩子。然后你会得到事件位置下的元素。

有点像;

let x = event.touches[lastTouch].pageX; 
 
let y = event.touches[lastTouch].pageY; 
 
let element = document.elementFromPoint(x, y);