WedX - журнал о программировании и компьютерных науках

Выделение текста Программно Mobile Safari

У меня проблемы с выделением текста на моем сайте. У меня есть блок div, и я хочу, чтобы весь текст внутри был выделен при касании блока div на iPhone/Android. До сих пор я пробовал этот метод по адресу: Выбор текста в мобильном Safari на iPhone< /а>

Вот так:

<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);
}

Пока ни один метод не работает. Одна ошибка, которую я, кажется, получаю при использовании второго метода при тестировании Safari на iPhone:

JavaScript: Error undefined TypeError: 'undefined' is not an object
iphone mobile javascript safari mobile-safari
10.09.2012

Ответы:


1

selectionStart и selectionEnd являются свойствами только текстовых областей и текстового ввода, поэтому они отсутствуют. Мобильный 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);
}
11.09.2012
  • Я не уверен, что следую последнему пункту, вы можете повлиять на видимый выбор только в том случае, если он уже отображается. Я попробовал это на своем сайте на iPhone 4s, и это не сработало. Типа переходит в странное состояние, когда текст внутри div не может быть выбран. Также пробовал на JSFiddle: jsfiddle.net/tJa5g 11.09.2012
    • Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]