javascript - 如何检测reactjs点击事件中的Click + [Shift, Ctrl, Alt]？

Question

当用户单击+[Ctrl]时，我想做一些其他的事情，但似乎无法检测到用户在单击时是否按下了Ctrl。

我复制下面的事件对象信息。

bubbles    :    false
cancelBubble    :    false
cancelable    :    false
currentTarget    :    react
defaultPrevented    :    false
eventPhase    :    2
isTrusted    :    false
path    :    Array[1]
returnValue    :    true
srcElement    :    react
target    :    react
timeStamp    :    5690056.695
type    :    "react-click"

我可以在 arguments[0]-Proxy 对象中看到 ctrlKey 属性。但是这个对象是不可访问的('Uncaught illegal access'):

[[Target]]
:
SyntheticMouseEvent
_dispatchInstances:ReactDOMComponent
_dispatchListeners:(e)
_targetInst:ReactDOMComponent
altKey:false
bubbles:true
button:0
buttons:0
cancelable:true
clientX:275
clientY:315
ctrlKey:false

Answer 1

您的点击处理函数将具有如下格式:

clickHandler: function (event, value) {

   event.stopPropagation();

   // In that case, event.ctrlKey does the trick.
   if (event.ctrlKey) {
        console.debug("Ctrl+click has just happened!");
   }
}