我有一個CONTENTEDITABLE span元素定義爲如何在CONTENTEDITABLE跨度/每格項顯示一個下拉列表:當用戶試圖更改跨度的文本
<span contentEditable={this.props.enableEditColumn} onKeyPress={this.checkInput.bind(this,columnDef)}>
{displayContent}
</span>
的checkInput功能是負責檢查,如果可輸入數字或字母。 在下圖中,突出顯示的「福爾摩斯」是可編輯的。如果我輸入另一個字符,或者刪除並開始輸入,我需要能夠在應該彈出的下拉列表中顯示一個名稱列表。
選擇的值將繼而成爲跨度/每格文本。
任何建議,將不勝感激。謝謝!
我不確定'contenteditible'元素是否支持'keypress'事件。它可能支持「輸入」事件。 –
onKeyPress作品! – saumj