如何允许在可点击的div容器上选择和复制文本？

Question

对于数组中的每个项目，我都有一个“列表”条目。每个项目都发送到React组件进行渲染。在此组件中，我将所有内容包装在div中，并且向该div添加了“ onClick”方法。我想在访问网站时在UI上选择一些文本，但是可以，但是，一旦我松开鼠标，就单击div，然后将我带到另一个站点（该站点是预期的）。我可以以某种方式使整个div保持可单击状态，但又可以在不激活clickable属性的情况下从div复制文本吗？

我曾尝试将div转换为按钮，但是并没有给我带来任何有希望的结果。

<div className="entry" onClick = { () => { this.clicked(); } }>
    <div className="details">
       <p className="entry-para">{name}</p>
       <div className="other-info">
        ...... other stuff
       </div>
    </div>
</div>

输出是一个格式良好的矩形（都可以单击），其中带有一些信息文本（例如，{name}）。我希望能够单击并突出显示并复制{name}或div上显示的其他文本。