顯示鍵盤焦點/點擊移動設備

Question

我使用jquery-tokeninput

在移動設備上，嘗試添加一個令牌時，鍵盤應開放，但僅限鍵盤觸摸​​/點擊/重點$(".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(); 
}); 

，但沒有（與其他變種）

012工作

的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> 

是有一個解決方案？

Answer 1

我最近遇到了一個非常類似的問題。我想問，你是否偶然使用fastclick？

FastClick和tokeninput似乎不能很好地一起玩。

我禁用了所有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忽略所有令牌輸入行爲，導致了選擇和編輯，以達到預期效果。