尋找ibooks html輸入替代

Question

在iPad，iPad2等的IOS5中，iBooks接受<input type="color">作為當您單擊輸入字段時提示鍵盤顯示的一種方式，也就是說，鍵入問題的答案。 我最近才更新到IOS6，並且這種解決方法似乎不再起作用。 我嘗試使用在這里找到的JavaScript- http://www.linkedin.com/groups/How-Show-iPads-Keyboard-when-3877009.S.84287009

<script type="text/javascript"> 

function iPadTouchHandler(event) { 
var type = "", 
button = 0; /*left*/ 

if (event.touches.length > 1) 
return; 

switch (event.type) { 
case "touchstart": 

// OLD: On iPad2 clicking on a text input field did not show the keyboard 
//  if ($(event.changedTouches[0].target).is("select")) { 
// NEW: Now on iPad2 the touchstart-Event on input fields is ignored and everything         works fine 
// change my by Roland Caspers, Scheer Management 
if ($(event.changedTouches[0].target).is("select") ||     $(event.changedTouches[0].target).is("input")) { 

return; 
} 
iPadTouchStart(event); /*We need to trigger two events here to support one touch drag     and drop*/ 
event.preventDefault(); 
return false; 
break; 
</script> 

但是，此代碼似乎已過時，並且與IOS5相關。 我知道一種解決方法，即將帶有輸入的頁面放入iFrame，在這種情況下，您可以使用<input type =“ text”>，但是我寧願遠離iFrame，因為它們會移動周圍的內容取決於輸入框的位置。 對其他可能的解決方案或解決方法有什么想法？ Tyvm :)

Answer 1

我也在iOS6上遇到同樣的問題，在<iframe>標記上也可以完美地工作。 但是它省略了圖像和樣式等。

查看代碼“ http://www.linkedin.com/groups/How-Show-iPads-Keyboard-when-3877009.S.84287009 ”，我覺得有些事情必須在以下條件下進行修改：

($(event.changedTouches[0].target).is("select") ||     $(event.changedTouches[0].target).is("input"))

如果有人能提供較早的答復，我會很棒。

謝謝

Answer 2

我在iOS 7的iBooks中遇到了同樣的問題，棘手的部分是，iBooks可能默認情況下禁用了所有文本輸入字段。 我們正在使用prototype.js，因此這是我為原型編寫的解決方案：

$('my-input-field-id').observe('touchstart', function(event) {
    var element = event.element();
    if (element.disabled)
        element.disabled = false;
    element.focus();
    event.stop();
});

因此，只需在輸入字段上監聽“ touchstart”事件，然后在觸摸時啟用並聚焦該字段即可。 它適用於普通文本字段（ <input type="text"> ）。 簡單:-)。