Javascript 在可编辑状态下触发模糊（<；span>；与React一起旅行

我开始使用react处理可编辑字段。当用户在输入字段时按下“Enter”键时，我需要触发blur（）事件。我的代码在Chrome中工作，但在Safari中无法正常工作。当我按下tag时，Safari中的文本光标不会触发

用于触发模糊（）的函数：

JSX:

{配置文件[标题]}


{event.target.focus（）；}}>
选择1
选择1
选择1

// Event handler

saveChanges (event) {
    const key = event.key;

    if (key ==='Enter') {
        event.preventDefault();
        event.target.blur();
    }
}

<li>
    <span
        contentEditable
        suppressContentEditableWarning
        onBlur = { this._modifyState}
        onKeyPress = { this._saveChanges }>
        { profile[title] }
    </span>
</li>
<li>
    <select onMouseDown = { (event) => {event.target.focus();} }>
        <option>Option 1</option>
        <option>Option 1</option>
        <option>Option 1</option>                    
    </select>
</li>