1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html键盘事件监听 react怎样监听键盘事件

html键盘事件监听 react怎样监听键盘事件

时间:2019-03-07 08:05:59

相关推荐

html键盘事件监听 react怎样监听键盘事件

react监听键盘事件的方法:React中有监听键盘按下事件onKeyUp或者onKeyDown属性(以下用onKeyUp),值为自定义方法keyUp,即onKeyUp={this.keyUp}。

通过事件对象e的e.keyCode获取到当前键盘按键对应的按键码,enter键为13。

通过事件对象e的e.target.value获取元素的值。import React, {Component} from 'react'

import '../assets/css/index.css'

export default class Test extends Component {

constructor(props) {

super(props)

this.state = {

msg: '我是一个Test组件'

}

}

keyUp = (e) => {

console.log(e.keyCode)

if (e.keyCode === 13) {

alert(`按了回车键,msg值为:${e.target.value}`)

}

}

render() {

return (

我是一个Test组件

)

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。