如何在圖像具有焦點時顯示iPhone鍵盤？

Question

如果一個textarea或input（type text）元素在iPhone中運行的HTML頁面中有焦點，則會顯示iPhone鍵盤。

但是，我有一個圖像（標籤），我希望能夠顯示iPhone鍵盤時，此元素有焦點，並捕獲按鍵事件。

我已經讀過CSS樣式-webkit-user-modify：read-write;應該這樣做，但它似乎並沒有在iOS模擬器中工作。

我使用JQuery Mobile，沒有任何原生的Cocoa/Objective C代碼。

在此先感謝您的幫助。

Answer 1

單擊圖像時將焦點發送到隱藏文本字段（position: relative; left:-10000px;），當該文本字段失去焦點時，該文本字段的值是用戶輸入的文本。

$("#myImg").click(function() { 
    $("#inputOutsideOfPageAndUnviewable").blur(function() { 
     var myImageTag = $("#inputOutsideOfPageAndUnviewable").val(); 
    }); 
    $("#inputOutsideOfPageAndUnviewable").focus(); 
});