HTML:如何使只读文本区域在 iOS 设备中可复制

Question

如何在 iOS 上制作 textarea 和 input type="text" highlightable 和 copyable -设备？

这不起作用:

<textarea readonly="readonly">Totally readonly, cannot be copied</textarea>

也没有:

<textarea disabled="disabled">Totally readonly, cannot be copied</textarea>

编辑:文本区域不断更新，因此一次性转换它是行不通的。

textarea的内容也可以是HTML。

我有一个我测试过的 JSFiddle:http://jsfiddle.net/sebnilsson/jfvWZ/

Answer 1

一个解决方案是找到页面上所有的只读文本区域，并呈现一个包含内容的 div 来代替只读字段。我已经编写了一些非常简单的 JS 来演示这一点。

类似的东西

$('textarea[readonly]').removeAttr('readonly').each(function () {
    var $this = $(this);
    $this.hide().after('<div data-textarea="' + $this.attr('id')
        + '" class="textarea">' + $this.val() + '</div>');
}).on('textareachange', function () {
    var $this = $(this);
    $('[data-textarea="' + $this.attr('id') + '"]').html($this.val());
});

您还需要在更新文本区域值时触发该事件。例如

$('textarea').val('test').trigger('textareachange'); 

这里有一个更广泛的示例，其中包含有关样式等的示例。

http://jsfiddle.net/ssfUx/3/