绑定onmousedown事件的按钮长按时文本被选中如何解决

你可以通过以下两种常用方案解决该问题：

方案1：CSS样式控制（最推荐） #

直接给按钮添加user-select: none属性，全局禁用按钮内容的文本选中能力，完全不影响原有交互逻辑：

button {
  /* 标准属性 */
  user-select: none;
  /* 兼容旧版浏览器的前缀 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

也可以直接写在行内样式中：

<button style="user-select: none;" onmousedown="alert('Hi!');">Some text</button>

方案2：JS事件拦截 #

通过监听文本选中触发事件直接拦截选中行为，不需要修改样式：
给按钮绑定onselectstart事件，返回false即可阻止文本选中：

<button onmousedown="alert('Hi!');" onselectstart="return false;">Some text</button>

注意：如果你的长按逻辑需要区分普通点击和长按，记得在mousedown中添加定时器触发逻辑，同时在mouseup、mouseleave事件中清除定时器，避免误触发。

内容的提问来源于stack exchange，提问作者TechMan Walker