javascript - 向上/向下箭头点击 如果点击太快选择太多

Question

在SO: Best practise to realize up down arrows in select field @guest271314 提供了一个解决方案，用于选择向上/向下箭头来选择百分比值。该解决方案有一个小缺陷:

当点击速度太快时，页面的其他一些元素也会被选中。

参见:https://www.youtube.com/watch?v=rntq0o0nFc0和 /image/TTRVY.png

如何防止错误选择其他元素？

Answer 1

您可以像这样简单地使用 CSS 删除选择突出显示:

.noselect {
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
     -moz-user-select: none; /* Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently not supported by any browser */
}