2013-11-14 4 views
1

У меня есть форма, которая использует javascript для заполнения текстового поля с помощью некоторого текста. Пользователь должен иметь возможность скопировать текст, и я использовал код ниже, чтобы сделать textarea только для чтения.Может ли HTML сделать текстовое поле «readonly» в Internet Explorer?

<textarea readonly id="newList" name="newList" placeholder="When you click 
the button below, your list appears here. Copy and paste it into your 
new document. Use CTRL-A to quickly select all items."></textarea> 

Прекрасно работает в Chrome, но в IE10 текстовое поле до сих пор не только для чтения, и, когда пользователь щелкает в нем текст, который необходимо скопировать, исчезает, заменяется курсором. Это не имеет никакого отношения к моему javascript - я удалил строку «script» из моего HTML, и это все еще происходит.

Есть ли простой способ сделать textarea только для чтения в Internet Explorer?

ответ

1

Я пытаюсь использовать этот точный код в IE10, а текстовое поле доступно только для чтения, однако при нажатии на него текст заполнителя исчезает. Я считаю, что это нормальное поведение для IE. Вы помещаете текст, который нужно скопировать в атрибуте placeholder? Если это так, то проблема.

текстовое поле с текстом, который должен быть скопирован должен выглядеть следующим образом:

<textarea readonly id="newList" name="newList">Text that needs to be copied...</textarea> 

Он также может быть добавлен атрибут заполнитель, но текст, заданный в атрибуте заполнитель не будет отображаться больше.

Также обратите внимание, что если вы используете отключенный атрибут, вы не сможете скопировать текст в текстовое поле.

+0

Я не помещаю его в атрибут placeholder. Я использую var foo = createTextNode (newList.join ("\ n")); затем appendChild в текстовое поле. Неправильно ли это помещает его в атрибут placeholder? –

+0

Он отлично работает в Chrome. –

+0

Это абсолютно безумно. Вы могли бы подумать, что IE10 сможет обрабатывать простой HTML-атрибут «только для чтения». –

1

Вы можете отключить свое текстовое поле, однако это не только предотвращает его редактирование, но также означает, что оно не отправляется в submit - так что это зависит от того, как вы хотите его использовать, если это хорошая идея.

Вы можете добавить событие onFocus() в свою текстовую область, чтобы переместить пользователя из текстового поля, если он щелкнет по нему.

+0

Отключение текстовой области означает, что пользователь не сможет выбрать и скопировать содержимое ... –

Смежные вопросы