在前端元素中,点击当前元素,但是却选中其他元素的文字的问题
点击a元素,但是b的文字不知道为什么就选中了
问题分析
点击的时候这种行为的本质是---浏览器误判断你的点击为 “拖动选中” 尤其是鼠标 mousedown
→ mousemove
的时候)。
用 onMouseDown
阻止默认行为
给箭头按钮加这个:
onMouseDown={(e) => e.preventDefault()}
例如在 React 中:
<divclassName={style.arrowUp}onClick={handleUpClick}onMouseDown={(e) => e.preventDefault()} // 👈 关键
>▲
</div>