通常情況下在div上是無法聚焦觸發(fā)鍵盤事件

 {
        console.log(event, event.keyCode, "event");
    }}
>
    <Card bodyStyle={{ paddingTop: 14 }}>
        <ContractView {...detail} />
    Card>
div>

通過添加 tabindex="-1" 來解決

 {
        console.log(event, event.keyCode, "event");
    }}
>
    <Card bodyStyle={{ paddingTop: 14 }}>
        <ContractView {...detail} />
    Card>
div>

tabindex 接受一個整數(shù)作為值，具有不同的結(jié)果，具體取決于整數(shù)的值：

• tabindex=負值 (通常是tabindex=“-1”)，表示元素是可聚焦的，但是不能通過鍵盤導航來訪問到該元素，用JS做頁面小組件內(nèi)部鍵盤導航的時候非常有用。

• tabindex=“0” ，表示元素是可聚焦的，并且可以通過鍵盤導航來聚焦到該元素，它的相對順序是當前處于的DOM結(jié)構(gòu)來決定的。

• tabindex=正值，表示元素是可聚焦的，并且可以通過鍵盤導航來訪問到該元素；它的相對順序按照tabindex 的數(shù)值遞增而滯后獲焦。如果多個元素擁有相同的 tabindex，它們的相對順序按照他們在當前DOM中的先后順序決定。

• 根據(jù)鍵盤序列導航的順序，值為 0 、非法值、或者沒有 tabindex 值的元素應該放置在 tabindex 值為正值的元素后面。

MDN參考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/tabindex

React參考：https://zh-hans.reactjs.org/docs/events.html