0

Есть таблица, в которой нужно выделить и скопировать две строки при нажатии на кнопку.

http://codepen.io/tews/pen/EPyyBJ

var copyNameBtn = document.querySelector('.copyname-btn');  
copyNameBtn.addEventListener('click', function(event) {  
  // Выборка строки именем  
  var nameStr = document.querySelector(".name");  
  var range = document.createRange();  
  range.selectNode(nameStr);  
  window.getSelection().addRange(range);  

  try {  
    // Теперь, когда мы выбрали текст , выполним команду копирования
    var successful = document.execCommand('copy');  
    var msg = successful ? 'successful' : 'unsuccessful';  
    console.log('Copy email command was ' + msg);  
  } catch(err) {  
    console.log('Oops, unable to copy');  
  }  

  // Снятие выделения 
  // removeRange(range) когда это возможно
  window.getSelection().removeAllRanges();  
});

Копируется только Имя, а нужно чтобы при нажатии копировалось имя + фамилия.

Т.е. сейчас при нажатии на кнопку копируется только "Петя", а нужно чтобы копировалось "Петя+Пупкин".

9
  • 1
    У меня вообще ничего не скопировалось Commented 22 дек. 2015 в 14:43
  • а так ".name"+".patronymic" разве можно делать? .......Ваш код что-то не работает, кстати Commented 22 дек. 2015 в 14:43
  • Посмотрите код на 2ip.ru, который обрабатывается при клике на IP адрес.
    – Steve
    Commented 22 дек. 2015 в 14:58
  • @АлексейШиманский, а почему нельзя? две строки просто конкатенируются
    – Grundy
    Commented 22 дек. 2015 в 15:00
  • Uncaught TypeError: Failed to execute 'selectNode' on 'Range': parameter 1 is not of type 'Node'.
    – Grundy
    Commented 22 дек. 2015 в 15:01

1 ответ 1

1

querySelector берет первый подходящий элемент, чтобы найти несколько можно использовать querySelectorAll:

name = querySelectorAll(".name, .patronymic"); 

тогда выделенные элементы можно достать так:

firstname = name[0];
surname = name[1];

если они уникальны, в иных случаях - это довольно топорный метод, простой пример: https://jsfiddle.net/nhsutj0n/

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.