При выделении текста в мобильном браузере Chrome не работает моё контекстное меню

Question

Сделал, чтобы при выделении текста появлялось рядом контекстное меню, как на сайте Medium, только под другие задачи. На компе работает, а в мобильном браузере Chrome при выделении текста тут же срабатывает его родной функционал - сверху значки поделиться, скопировать, найти....А моё меню не возникает. Уж пробовал и preventDefault и false при событиях touch ставить. MDN не помог. Как сделать, чтобы моё контекстное меню заработало в мобильном браузере?

Answer 1

попробуйте что-то вроде этого

//для мобилок
window.addEventListener("touchend", selectFunc);
//для компа
window.addEventListener("mouseup", selectFunc);

function selectFunc(e) {
  let selectedText = "";

  if (window.getSelection) {
    selectedText = window.getSelection().toString();
  } else if (document.selection) {
    selectedText = document.selection.createRange().text;
  }
  if (selectedText.length > 0)
    console.log("выделен текст: " + selectedText)
}

Тут текст который нужно выбрать

БЛОГ НА HUSL

При выделении текста в мобильном браузере Chrome не работает моё контекстное меню

Ответы (1 шт):