亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何處理ReactJS中的onKeyPress事件？

如何處理ReactJS中的onKeyPress事件？

月關寶盒 2019-12-18 16:21:59
如何使onKeyPress事件在ReactJS中起作用？當enter (keyCode=13)按下時，它應該發出警報。var Test = React.createClass({    add: function(event){        if(event.keyCode == 13){            alert('Adding....');        }    },    render: function(){        return(            <div>                <input type="text" id="one" onKeyPress={this.add} />                </div>        );    }});React.render(<Test />, document.body);
查看完整描述

3 回答

?
猛跑小豬

TA貢獻1858條經驗 獲得超8個贊

我正在使用React 0.14.7，使用onKeyPress并event.key運行良好。


handleKeyPress = (event) => {

  if(event.key === 'Enter'){

    console.log('enter press here! ')

  }

}

render: function(){

     return(

         <div>

           <input type="text" id="one" onKeyPress={this.handleKeyPress} />

        </div>

     );

}


查看完整回答
反對 回復 2019-12-18
?
米脂

TA貢獻1836條經驗 獲得超3個贊

render: function(){

     return(

         <div>

           <input type="text" id="one" onKeyDown={this.add} />

        </div>

     );

}

onKeyDown檢測keyCode事件。


查看完整回答
反對 回復 2019-12-18
?
largeQ

TA貢獻2039條經驗 獲得超8個贊

對我而言onKeyPress，e.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(

        <div>

          <textarea onKeyPress={this.handleTest} />

        </div>

      );

    }

  });


查看完整回答
反對 回復 2019-12-18
  • 3 回答
  • 0 關注
  • 1502 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號