单击 jQuery 可排序列表不会模糊输入答案

【问题标题】：Click on jQuery Sortable list does not blur input单击 jQuery 可排序列表不会模糊输入
【发布时间】：2012-01-15 12:46:52
【问题描述】：

我可以通过单击页面上除 jQuery 可排序列表之外的任何位置来模糊我的输入。我怎样才能解决这个问题？更新：demo

【问题讨论】：

【解决方案1】：

$('sortable').mousedown(function(){
  document.activeElement.blur();
});

【讨论】：

【解决方案2】：

看看 jquery-ui 中的cancel 选项

   $("#sortable").sortable(cancel: 'input');

您必须删除 $("#sortable").disableSelection();

见我的jsfiddle

更新

我了解您的问题。因为 jQuery 在对列表进行排序时会停止浏览器的默认功能，所以从不会为该字段调用模糊。您必须强制该字段模糊。

见我的jsfiddle。我使用 change 来调用模糊，如果您希望模糊始终发生，您可以将 'change' 更改为 'start'。

【讨论】：

【解决方案3】：

这是jquery sortable 的一个bug，将在jqueryui 2.0.0 中修复。见Sortable: clicking a sortable item does not cause form element to blur

【讨论】：

【解决方案4】：

将句柄限制为不是输入的特定元素为我解决了这个问题。

【讨论】：