React-leaflet 获取 ctrlKey 按下事件

Question

我尝试处理 ctrlKey + click 与 click 事件。

事件处理程序

   seatClickHandler = (event, seat) => {
        console.log(event);
        console.log(seat);
    };

被点击的组件。

<Circle onClick={ (event) => this.seatClickHandler(event, seat) }
        key={seat['id']}
        center={[x, y]}
        radius={7} />

我试图检查 event.ctrlKey 但未定义。

如何确定是否按住 ctrl 或 shift 键并点击？

Problem is that I can not use reactJs events from react-leaflet event. In example if I run event.stopPropagation(); I get fatal error.

Answer 1

传单有它的own events。如果您想访问原始点击事件，您需要通过传单事件上的 originalEvent 属性来完成：

if (event.originalEvent.ctrlKey) {
    // handle ctrl + click ...
}

您希望 DOMEvent 拥有的每个属性都将在此对象上而不是传单事件对象上。这也包括 stopPropagation().

React-leaflet get ctrlKey press event