如何在ReactJS中处理 `onKeyPress` 事件?

13 浏览
0 Comments

如何在ReactJS中处理 `onKeyPress` 事件?

如何在 ReactJS 中使 onKeyPress 事件工作?当按下enter (keyCode=13)时应该显示警告。

var Test = React.createClass({
    add: function(event){
        if(event.keyCode == 13){
            alert('Adding....');
        }
    },
    render: function(){
        return(
                    
        );
    }
});
React.render(, document.body);

admin 更改状态以发布 2023年5月22日
0
0 Comments

对我来说,onKeyPresse.keyCode总是0,但是e.charCode有正确的值。如果使用onKeyDown,则正确的代码在e.charCode中。

var Title = React.createClass({
    handleTest: function(e) {
      if (e.charCode == 13) {
        alert('Enter... (KeyPress, use charCode)');
      }
      if (e.keyCode == 13) {
        alert('Enter... (KeyDown, use keyCode)');
      }
    },
    render: function() {
      return(