2013-12-16 17 views
0

我有3 textareas。第一個是最正常的,它是一個實際的<form>的一部分,它是可編輯的,等等。另外兩個是特殊用例 - 你點擊/點擊它們,它們的內容被高亮顯示,這樣你就可以複製它們(想想「內容提取」,不是「用戶輸入」)。所以這兩個textareas不能鏈接到對方或主textarea。HTML textareas - 如何從tabindex完全排除?

我發現了一個解決方案,即將每個textarea的tabindex設置爲負值。問題是,在Mobile Safari上,屏幕鍵盤上方的「上一個」&「下一步」按鈕處於活動狀態,當沒有將tabindex值應用於主textarea時,2個古怪的textareas最終成爲到主textarea的單向路徑;當在主textarea上應用tabindex值時,奇怪的行爲很難描述。

如何讓我的3 textareas假裝他們不存在於同一頁?!並且請不要建議使用iFrames,它實際上是一個PhoneGap應用程序...... jQuery解決方案會很好!

+0

爲什麼你有另外兩個區域作爲'textarea'元素,如果它們不是用戶輸入的? –

+0

因爲當用戶點擊/點擊它們時,用戶需要顯示「複製」選項。不幸的是,當您在網站上看到「點擊複製」時,實際上使用的是Flash,並且在現代瀏覽器上沒有用於複製到剪貼板的JS方法。這是一個乾淨的解決方法,但實際上,但是,他們必須textareas調出鍵盤和提示覆制​​。 – tylerl

+0

什麼?在任何普通的瀏覽器上,當我三次單擊一個'div'元素,然後右鍵單擊,獲得一個複製選項。就像'textarea'一樣。對於這兩個元素,雙擊僅選擇當前單詞。所以請解釋一下你真正在做什麼,以及只有使用'textarea'才能達到什麼目的。 –

回答

0

您可以在表單中添加帶tabindex的項目,並添加排除的兩個textarea。

<form> 
    <input /> 
    <input /> 
    <input /> 
</form> 
<textarea /> 
<textarea /> 
+0

謝謝,但textareas已經在主'

'之外。 – tylerl

0

是主要<form>並具有負的tabindex值所需的其它textrea的外面需要兩個文本域。我認爲iOS上的鍵盤可以在混合/網絡應用上顯示,而沒有懸停在鍵盤上的「完成」/上一頁/下一頁欄,但顯然,即使您關注的表單元素是唯一的一個在頁面上 - 這是必要的,因爲Apple不能相信/假定該頁面應該隱藏鍵盤。如果您知道在PhoneGap上禁用該欄的方法,請點擊此處!