Как обойти прокрутку к элементу при копировании со страницы в мобильном?

[d0ublezer0]

Привет!

https://www.zebra-tara.ru/about

Внизу есть кнопка [Cкопировать], на неё навешен такой код:

var $j = jQuery.noConflict();
$j("#legal-copy").on("click", function (e) {
        var text = $j("#legal-info").text().trim();
        var $scroll = $j("window").scrollTop();
        var temp_element = $j('<textarea>').appendTo("#legal-copy").val(text).select();
        $j("window").scrollTop($scroll);
        document.execCommand('copy');
        temp_element.remove();
        $j(this).text("Скопировано").prepend("<i class='fa fa-check-circle'></i> ").addClass("green-btn");
    });

Как ни бьюсь - не удается избавиться от прокручивания к создаваемому элементу textarea в мобильном браузере. Он получает :focus и мобильный браузер прокручивает страницу.

Добавка ScrollTop мне не помогла

Как выкрутиться?

Edited March 26, 2018 by d0ublezer0

[mrnobody]

В этой строке `var $scroll = $j("window").scrollTop();` window без кавычек напишите, а то $scroll присваивается null. jQuery ищет CSS селектор "window" и не находит такой элемент.

var $scroll = $j(window).scrollTop();

Хотя я попробовал на своем телефоне, все хорошо прошло — https://yadi.sk/d/P5mJTa263TkdR9

UPD. И когда задаем значение скролла, тоже без кавычек.

$j(window).scrollTop($scroll);

 

[d0ublezer0]

 

1 час назад, mrnobody сказал:

window без кавычек напишите

Да, спасибо, так работает.

Но на мобиле все равно успевает появиться небольшой паразитный скачок, и устройство пытается успеть показать виртуальную клавиатуру.

Напрямую из слоя скопировать нельзя ведь? Только через промежуточное поле?

[mrnobody]

Может задать узлу значение `contentEditable = true` и скопировать?  плохой совет, не сработало ((

UPD. Или еще можно textarea добавить атрибут readonly / disabled, может тогда фокуса не будет, но выделяться текст доложен.

[d0ublezer0]

Аееее! Так работает

$j('<textarea>').appendTo("#legal-copy").val(text).attr('readonly','readonly').select();