如何在 iOS 网页中设置选择？

Question

我有一个小网页，使用following code一键设置选择：

function select_element()
{
    if (window.getSelection && document.createRange) {
        sel = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(this);
        sel.removeAllRanges();
        sel.addRange(range);
    } else
        if (document.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(this);
            range.select();
        }
}

它适用于大多数浏览器，但不适用于 iPhone。点击“account”值会选择 ID 为“account”的td。

但它不适用于 iPhone。文本只是闪烁，没有被选中。如何使用 JavaScript 在 iPhone 浏览器上选择文本？

我尝试prevent the default mouse-up action，但没有帮助。

目的是使将文本复制到剪贴板变得容易。

Answer 1

尝试将 contentEditable 属性添加到 HTML 元素。示例：

<span contentEditable="true">Text</span>

在 Android Lollipop 上，这会产生一个问题，即点击文本会插入插入符号，而不是调出要复制的上下文菜单，但在 iOS 上，当您点击所选文本时，它会调出上下文菜单。