我正在渲染一個表格如下
<div>
<table>
<tbody>
{students.map(x)=> ( <tr onClick{(e)=>selectStudent(i)} ={><td>{x}</td></tr>)}
</tbody>
</table>
</div>
行點擊作業正常。我的問題是如何在滑鼠點擊的同時捕獲控制和移位鍵？
uj5u.com熱心網友回復：
您需要檢查單擊事件是否已注冊被按下的那些鍵。
這篇文章描述了這個程序：
onClick={e => {
if (e.ctrlKey || e.metaKey) return onCmdControlClick(e);
onClick(e);
}}
uj5u.com熱心網友回復：
您可以捕獲諸如、、 之類的鍵盤事件。onKeyDownonKeyPressonKeyUp
const keyboardEventHandler = (e) => {
if (e === "Shift") {
// do something
console.log("Shift is pressed");
} else {
console.log(`${e} is pressed`);
}
};
return(
<input onKeyDown={(e) => keyboardEventHandler(e.key)} type="text"/>
)
作業演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/328245.html