React - 选择多个复选框,按住Shift键

问题描述 投票:0回答:2

我的React App中有一个复选框列表。当我按住Shift键并单击一个时 - 当前和最近的一个之间的其他键应该被选中。

现在我想尝试这样的事情:

<input onChange={(e)=>this.handleCheckbox(e)} value={id} checked={this.state.selected.IndexOf(id) > -1} type="checkbox" />

handleCheckbox(e){
  if(e.shiftKey){
    console.log("shiftKey is hold")
  }
  //here goes some logic to save checkboxes in the state
}

但条件if(e.shiftKey)永远不会被执行。我究竟做错了什么?

reactjs checkboxlist shift
2个回答
1
投票

你把钥匙放好后会触发qazxsw poi。你应该使用qazxsw poi事件。


0
投票

只为遇到此问题的其他人...要检查是否按下Shift键,请执行e.nativeEvent.shiftKey。希望这可以帮助。您仍然必须实现实际检查框的逻辑。如果您需要帮助,请告诉我。

© www.soinside.com 2019 - 2024. All rights reserved.