2017-07-26 27 views
0

我有一個CONTENTEDITABLE span元素定義爲如何在CONTENTEDITABLE跨度/每格項顯示一個下拉列表:當用戶試圖更改跨度的文本

<span contentEditable={this.props.enableEditColumn} onKeyPress={this.checkInput.bind(this,columnDef)}> 
        {displayContent} 
</span> 

的checkInput功能是負責檢查,如果可輸入數字或字母。 在下圖中,突出顯示的「福爾摩斯」是可編輯的。如果我輸入另一個字符,或者刪除並開始輸入,我需要能夠在應該彈出的下拉列表中顯示一個名稱列表。

editable

選擇的值將繼而成爲跨度/每格文本。

任何建議,將不勝感激。謝謝!

+0

我不確定'contenteditible'元素是否支持'keypress'事件。它可能支持「輸入」事件。 –

+0

onKeyPress作品! – saumj

回答