Хобрук: Ваш путь к мастерству в программировании

как получить значение между тегами span с помощью javascript/jquery

Чтобы скопировать значение в буфер обмена, я использую эту функцию:

$(function() {
   $('.copy-to-clipboard input').click(function() {
      $(this).focus();
      $(this).select();
      document.execCommand('copy');
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});


<div class='copied'></div>

<div class="copy-to-clipboard"> 
   <input type="text" value="Text to grab" /> 
</div>

как я могу добиться того же со значением между тегами span, как показано ниже:

<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>
javascript jquery copy clipboard
06.02.2019

Ответы:


1

Вы можете создать элемент ввода со значением текста в тексте копирования диапазона и автоматически удалить ввод.

$(function() {
   $('.copy-to-clipboard > span').click(function() {
     var a=$('.copy-to-clipboard > span').text();
     var t=a.split(" ").join('');
    $('.copy-to-clipboard > span').append('<input value='+t+'>')
    
    $('input').select();
  
      document.execCommand('copy');
       $('.copy-to-clipboard > span > input').remove()
   
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>

06.02.2019

2

$('.скопировать в буфер обмена').click(функция()

изменить на

$('.copy-to-clipboard span').click(function()

должно сработать

06.02.2019
  • я тоже пробовал но не работает 06.02.2019
  • ‹div class=copy-to-clipboard› ‹input type=text value=Текст для захвата /› ‹/div› ‹div class='copied'›‹/div› вы также должны поменять местами, как это, и дважды щелкнуть полный диапазон чтобы он копировал 06.02.2019
    • Новые материалы
    ВЫ РЕГРЕСС ЭТО?
    Чтобы понять, когда использовать регрессионный анализ, мы должны сначала понять, что именно он делает. Вот простой ответ, который появляется, когда вы используете Google: Регрессионный..
    Не зря же это называют интеллектом
    Стек — C#, Oracle Опыт — 4 года Работа — Разведывательный корпус Мне пора служить Может быть, я немного приукрашиваю себя, но там, где я живу, есть обязательная военная служба на 3..
    LeetCode Проблема 41. Первый пропущенный положительный результат
    LeetCode Проблема 41. Первый пропущенный положительный результат Учитывая несортированный массив целых чисел, найдите наименьшее пропущенное положительное целое число. Пример 1: Input:..
    Расистский и сексистский робот, обученный в Интернете
    Его ИИ основан на предвзятых данных, которые создают предрассудки. Он словно переходит из одного эпизода в другой из серии Черное зеркало , а вместо этого представляет собой хронику..
    Управление состоянием в микрофронтендах
    Стратегии бесперебойного сотрудничества Микро-фронтенды — это быстро растущая тенденция в сфере фронтенда, гарантирующая, что удовольствие не ограничивается исключительно бэкэнд-системами..
    Декларативное и функциональное программирование в стиле LINQ с использованием JavaScript с использованием каррирования и генератора ...
    LINQ - одна из лучших функций C #, которая обеспечивает элегантный способ написания кода декларативного и функционального стиля, который легко читать и понимать. Благодаря таким функциям ES6,..
    Структуры данных в C ++ - Часть 1
    Реализация общих структур данных в C ++ C ++ - это расширение языка программирования C, которое поддерживает создание классов, поэтому оно известно как C с классами . Он используется для..