首页 > 解决方案 > Safari & event.target.select()

问题描述

我的 Safari (11.1.2) 立即取消选择选定的文本。这是一个已知的错误?Chrome 和 Firefox 保留选择

我写了一个小例子作为反应组件:

const Foobar = () => {
  return (
    <div>
      <input type="text" value="foobar" onFocus={e => e.target.select()} />
    </div>
  )
}

ReactDOM.render(<Foobar />, document.getElementById('root'));

https://codepen.io/anon/pen/zLjqbZ

标签: reactjssafari

解决方案


添加行:

onMouseUp={e=>e.preventDefault()}

推荐阅读