javascript - 当我右键单击 jquery ui spinner 时，它会不停地自动递增。有任何解决这个问题的方法吗？

Question

此问题仅在 Linux 和 Mac OS 中出现。这似乎是一个 jQuery 微调器错误。

链接下的微调器也有错误：

https://jqueryui.com/spinner/

<input class="spinner"/>
$(".spinner").spinner("value",1);

Answer 1

该问题仅在用户右键单击递增/递减按钮时存在（上下文菜单似乎会干扰spinner()预期的鼠标事件。）

您可以通过仅禁用这些按钮的上下文菜单来解决此问题：

$('.spinme').spinner();

// disable right-click on the increment/decrement buttons
// You'll need to do this after the spinner is instantiated,
// so the buttons already exist when you bind this event to them.  
// Or use delegated events.
$('#nomenu .ui-spinner-button').bind('contextmenu', function(e) {
  return false;
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<div>
  Default behavior:<br>
  <input class="spinme">
</div>
<br>
<div id="nomenu">
  Context menu removed:<br>
  <input class="spinme">
</div>

Answer 2

我修复了这个错误，将onfocus属性添加到 HTML。

<input class="ui-spinner" onfocus="this.blur()"/>