cHl Security Ответов: 1

Как мне...как отобразить DIV через 30 секунд при копировании текстового содержимого на веб-странице?


У меня есть тег div, который я хочу отобразить через 30 секунд после копирования контента на веб-страницу, ниже приведен код.
Содержимое Для Копирования:
<div class="copy">Copy This Conent</div>

Тег Div для отображения после 30 секунд копирования:
<div id="dsply">The Content Has Been Copied</div>

Хорошее решение этой проблемы будет оценено по достоинству.

Что я уже пробовал:

Я смог решить дисплей через 30 секунд с помощью js:
$(function(){

    $('#dsply').hide();

    setTimeout(function(){
        $('#dsply').fadeIn('slow');
    },30000);

});


Но на самом деле я хочу, чтобы это отображалось через 30 секунд после копирования содержимого веб-страницы.

ZurdoDev

После того, как кто-то нажмет Ctrl+C или у вас есть кнопка, которую пользователь нажмет, чтобы скопировать?

cHl Security

После того как кто-то нажмет ctrl+c или щелкнет правой кнопкой мыши, выберите пункт затем скопировать. Более того, я был бы признателен, если бы вы, а также помогите мне в vice vera о том, как заставить погружение исчезнуть через 30 секунд после того, как произошло событие копирования. с уважением.

1 Ответов

Рейтинг:
1

DerekT-P

Используйте oncopy событие вашего документа. Это событие запускается, когда пользователь копирует содержимое, нажав Ctrl-C, используя контекстное меню и выбрав пункт Копировать, или когда он использует меню окна браузера и выбирает пункт правка/копирование.

Поэтому все, что вам нужно сделать, это вызвать свою функцию в ответ на это событие:

document.oncopy =$(function(){

    $('#dsply').hide();

    setTimeout(function(){
        $('#dsply').fadeIn('slow');
    },30000);

});
Подробнее о событиях буфера обмена, включая их отмену, доступ к данным буфера обмена и т. д. https://www.w3.org/TR/clipboard-apis/#clipboard-event-copy[^]