Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 18.01.2022, 18:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Ubivectel,
document.addEventListener("click", (event) => {
    let target =  event.target;
    if (target = target.closest('.K_copy')) {
        let top = event.pageY + 10 + 'px';
        let left = event.pageX + 10 + 'px';

        target = target.closest('.KIDE_msg_top')
        let clon = target.cloneNode(true);
        clon.querySelectorAll(".KIDE_quote").forEach(el => el.remove());
        let text = clon.textContent;
        navigator.clipboard.writeText(text);

        $("#K_copy").css({top, left}).show(400, function () {

            setTimeout(function () {
                $("#K_copy").hide(300);
            }, 800);
        });
    }
});


далее сами уточняйте
Ответить с цитированием
  #12 (permalink)  
Старый 19.01.2022, 05:17
Профессор
Отправить личное сообщение для Ubivectel Посмотреть профиль Найти все сообщения от Ubivectel
 
Регистрация: 01.12.2020
Сообщений: 166

Долго не мог найти элемент, у него обязательно должно быть абсолютное позиционирование. Корректировка координат в скрипте и немного стилей, все выглядит как надо, спасибо!
Ответить с цитированием
  #13 (permalink)  
Старый 19.01.2022, 07:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Ubivectel,
обычно нужна пара родитель position: relative; сам элемент position: absolute; и клик лучше ставить на родителя а не document.
Ответить с цитированием
  #14 (permalink)  
Старый 19.01.2022, 15:03
Профессор
Отправить личное сообщение для Ubivectel Посмотреть профиль Найти все сообщения от Ubivectel
 
Регистрация: 01.12.2020
Сообщений: 166

<span class="K_copy"><i class="fa fa-clipboard" title="Копировать" aria-hidden="true"></i></span>


Так?
Ответить с цитированием
  #15 (permalink)  
Старый 19.01.2022, 15:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Ubivectel,
блок в котором все сообщения будет родителем, а где-то в конце этого блока скрытый блок.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баг в браузерах со сменой курсора spo Javascript под браузер 1 17.01.2017 23:35
Элемент (position:absolute) сдвигается относительно окна, а не родителя MishaUA Events/DOM/Window 2 11.11.2015 04:42
Нужно всплывающее сообщение для сайта bursnabby Работа 4 30.05.2015 20:21
Система всплывающих сообщений ruslan_mart Ваши сайты и скрипты 32 27.05.2015 21:28
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35