.remove() не работает на onClick

Question

У меня есть две идентичные функции onClick в двух разных div, чтобы сохранить динамически сгенерированную строку в локальную переменную. У меня возникли проблемы с очисткой локальной переменной после ее копирования - что приводит к невозможности использования второй функции onClick во втором div.

HTML

<div class="container" onclick="copyThis('#link')"> 
    <span class="dynamicallyGeneratedText"></span> 
</div> 

<div class="container" onclick="copyThis('#link')"> 
    <span class="dynamicallyGeneratedText"></span> 
</div> 

JS

function copyThis(e) { 
    var $link = $('<input>'); 
    $("body").append($link); 
    $link.val($(e).text()).select(); 
    document.execCommand('copy'); 
    $link.remove(); 
} 

Что я делаю неправильно?

Answer 1

Попробуйте изменить e к event.target в

function copyThis() { 
    var $link = $("<input>"); 
    $("body").append($link); 
    $link.val($(event.target).text()).select(); 
    document.execCommand("copy"); 
    $link.remove(); 
} 

удалить #link на

onclick="copyThis()"