鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ material-ui 庫TextField組件如何實(shí)現(xiàn)對鍵盤事件的監(jiān)聽?

material-ui 庫TextField組件如何實(shí)現(xiàn)對鍵盤事件的監(jiān)聽?

項(xiàng)目上有個(gè)搜素框是使用TextField組件來弄的,那么問題來了如果要實(shí)現(xiàn)回車自動進(jìn)行快速搜索那么要如何實(shí)現(xiàn)?查了很多資料也驗(yàn)證了好像TextField組件是無法監(jiān)聽到鍵盤事件的;那么這種情況下又該怎么處理呢?

回答
編輯回答
孤酒

為TextField的keyup事件監(jiān)聽器綁定一個(gè)事件處理函數(shù),處理函數(shù)中判斷一下按鍵類型,然后調(diào)用搜索函數(shù)即可。

<TextField
  hintText="Hint Text"
  onKeyUp={this.handleKeyUp.bind(this)}
/>

handleKeyUp(event){
    if(event.keyCode === 13){
        //調(diào)用快速搜索的函數(shù)
    }
}
2018年8月31日 17:30