3 回答

TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊
我正在使用React 0.14.7,使用onKeyPress并event.key運(yùn)行良好。
handleKeyPress = (event) => {
if(event.key === 'Enter'){
console.log('enter press here! ')
}
}
render: function(){
return(
<div>
<input type="text" id="one" onKeyPress={this.handleKeyPress} />
</div>
);
}

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊
render: function(){
return(
<div>
<input type="text" id="one" onKeyDown={this.add} />
</div>
);
}
onKeyDown檢測(cè)keyCode事件。

TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
對(duì)我而言onKeyPress,e.keyCode始終是0,但e.charCode具有正確的價(jià)值。如果在中使用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>
);
}
});
添加回答
舉報(bào)