如何将 'onKeypress' 和 'onClick' 事件合并到一个函数中

Question

我知道以前有人问过这类问题，但我遇到了一个问题，我必须编写一个函数来处理 'onkeypress' 按下回车键和 'onclick' 函数鼠标点击。

handleClick = (event, url) => {
window.open(url);
};

handleEnterKey= (event, url) => {
var code = event.keyCode || event.which;
if (code === 13) {
window.open(url);
}
}

onClick={(event) =>
this.handleClickOnTraining(event)
}
onKeyPress={(event) =>
this.handleEnterKeyOnCards(event)
}

我想将这两个组合成一个功能，例如单击或输入键。我怎样才能将两者结合起来？有人可以帮忙吗？

Answer 1

编写一个函数并在 onClick 和 onKeyPress 上调用它..

function handleClickKeypress (event,url){

   var code = event.keyCode || event.which;
   if (code === 13) {
    window.open(url);
   }

   else {
     window.open(url);
   }

}

如何将 'onKeypress' 和 'onClick' 事件合并到一个函数中

How to combine 'onKeypress' and 'onClick' event in a single function

onclick

onkeypress

reactjs