停止所有事件的传播

Question

我正在尝试处理用户的Backspace按键。我有2个处理程序绑定到一个输入元素。由于无法在onChange事件处理程序中检测按键，因此我必须在onKeyDown中进行。我想在按下backspace时停止onChange事件的传播（并在onKeyDown事件处理程序中处理）。有什么想法如何实现这一点？谢谢！

Answer 1

因为我认为这样做是可能的。您可以创建一些辅助变量/属性，并在onKeyDown处理程序中为其设置keyCode。然后，您可以在任何地方有条件地使用它（对我来说，在onChange事件处理程序中）。

Answer 2

如果试图防止退格，可以将输入的值存储在state中，并将其作为prop传递给输入，在输入发生变化时，将e.target.value与存储在state中的值进行比较，并更新state变量

     
  const [value, setValue] = useState("");

  const checkValue = (newValue) => {
    if (value.length < newValue.length) setValue(newValue);
  }; 
    
  <input value={value} onChange={(e) => checkValue(e.target.value)} />

Answer 3

If you has Select Option: When you click on select tag, onChange and onClick event is fired. I solved this by creating a onClick handler side onChange handle and then calling e.stopPropogation().

<select onClick ="St(event)" onChange ="Tc(event)" >
     <option>Case</option>
</select>

St(event) {
  event.stopPropagation();
  console.log('Next');
}

Tc(event) {
  event.stopPropagation();
  console.log('Nex here');
}