在焦点上显示键盘/单击移动设备答案

【问题标题】：Showing keyboard on focus/click on mobile devices在焦点上显示键盘/单击移动设备
【发布时间】：2013-07-03 11:57:49
【问题描述】：

在移动设备上，尝试添加令牌时，应该会打开键盘，但只有在触摸/单击/聚焦$(".token-input-input-token-facebook") 而不是$(".token-input-list-facebook")（使用 Facebook 主题）时才会打开键盘。

我已经尝试过：

$(".token-input-list-facebook").live('click', function(e){
  e.preventDefault();
 $(".token-input-input-token-facebook").focus();
});

但这不起作用（以及其他变体）。

html 是：

<ul class="token-input-list-facebook">
<li class="token-input-input-token-facebook">
<input type="text" autocomplete="off" id="token-input-change_tags" style="outline: none; width: 30px;">
<tester style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0px; white-space: nowrap;">
</tester>
</li>
</ul>

有解决办法吗？

【问题讨论】：

标签： javascript jquery mobile jquery-events jquery-tokeninput

【解决方案1】：

我最近遇到了一个非常相似的问题。我想问一下，你是不是偶然使用了fastclick？

FastClick 和 tokeninput 似乎不能很好地配合使用。

我禁用了所有令牌输入字段的 FastClick，它似乎更快乐。

我通过手动创建这样的班级列表来使用 facebook 主题：

   settings = 
    classes :  
      tokenList: "token-input-list-facebook needsclick",
      token: "token-input-token-facebook needsclick",
      tokenReadOnly: "token-input-token-readonly-facebook needsclick",
      tokenDelete: "token-input-delete-token-facebook needsclick",
      selectedToken: "token-input-selected-token-facebook needsclick",
      highlightedToken: "token-input-highlighted-token-facebook needsclick",
      dropdown: "token-input-dropdown-facebook needsclick",
      dropdownItem: "token-input-dropdown-item-facebook needsclick",
      dropdownItem2: "token-input-dropdown-item2-facebook needsclick",
      selectedDropdownItem: "token-input-selected-dropdown-item-facebook needsclick",
      inputToken: "token-input-input-token-facebook needsclick",
      focused: "token-input-focused-facebook needsclick",
      disabled: "token-input-disabled-facebook needsclick"

这告诉 FastClick 忽略所有令牌输入行为，并导致选择和编辑按预期工作。

【讨论】：