以编程方式选择文本Safari

Question

我在选择网站上的文本时遇到问题。 我有一个div块，并希望在iPhone / Android上触摸div块时选择里面的所有文本。 到目前为止，我已经尝试了以下方法： 在iPhone的移动Safari中选择文本

像这样：

<div ontouchstart="this.selectionStart=0; this.selectionEnd=this.value.length;">

我还尝试根据不同来源的建议在JS文件中创建一个函数来执行此操作：

的HTML

<div ontouchstart="touchStart(event, this);>

JS

function touchStart(event, obj) {
  var range = window.getSelection();
  var sel = window.getSelection()

  range.setStart(obj, 0);
  range.setEnd(obj, obj.innerHTML.length);
  sel.removeAllRanges();
  sel.addRange(range);
  //range.execCommand("BackColor", false, colour);
}

到目前为止，这两种方法似乎都不起作用。 在iPhone上的Safari上进行测试时，我似乎使用第二种方法的一个错误是：

JavaScript: Error undefined TypeError: 'undefined' is not an object

Answer 1

selectionStart和selectionEnd仅是文本区域和文本输入的属性，因此它们不存在。 Mobile Safari与所有其他主要浏览器具有相同的选择API，但是只有在可见选择已显示的情况下，您才可以对其进行选择。

HTML：

<div ontouchstart="selectElementContents(this);">

JS：

function selectElementContents(el) {
    var sel = window.getSelection();
    var range = document.createRange();
    range.selectNodeContents(el);
    sel.removeAllRanges();
    sel.addRange(range);
}