2012-10-07 25 views
7

可能重複:
Having an uneditable, but selectable textbox如何在iPad safari上的readOnly html元素中啓用用戶選擇?

我有一個HTML元素在iPad上我的網頁,它只能使用readOnly='readOnly'使該元素不可選擇讀取,以防止用戶更新內容,並且元素的文本內容根本無法被複制。

有沒有什麼辦法讓只讀的元素,用戶可以選擇/複製文本內容????

+3

我投來重新討論這一問題。這個問題與鏈接的重複問題非常不同。 – Brian

+1

同意。此問題特定於iPad文本輸入字段和readOnly屬性,以下來自aomar的答案是我遇到的唯一解決方案。 – peater

回答

11

只是我刪除了readOnly屬性,並增加了以下onkeydownoncut事件模擬readOnly行爲

<input type="textarea" 
    onkeydown="event.preventDefault();event.stopPropagation();return false;" 
    oncut="event.preventDefault();event.stopPropagation();return false;"> 
+5

小心!這在大多數瀏覽器中打破了文本字段的鍵盤快捷鍵(例如CMD + C或CMD + A)。 – aaronk6

+1

它爲iPad不爲別的 – aomar

+1

iPad用戶可以使用外接鍵盤,這是很常見的iPad Pro的。鍵盤快捷鍵也將被打破。 – LeJared