Копирование значения текстового поля буфера обмена с помощью jQuery/JavaScript ⇐ Jquery

[Anonymous]

У меня есть текстовое поле и кнопка, которые выглядят следующим образом:

Код: Выделить всё

     
[i]

[/i] Copy to Clipboard
/button>

И когда пользователь нажимает кнопку «Копировать в буфер обмена», я хотел бы скопировать содержимое текстового поля в буфер обмена следующим образом:

Код: Выделить всё

$(document).on("click", ".copyToClipboard", function () {
copyToClipboard("txtKeyw");
successMessage();
});

Где определение функции copyToClipboard:

Код: Выделить всё

 function copyToClipboard(element) {
var $temp = $("");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}

Но когда я это делаю, ничего не происходит — никакие значения не копируются в буфер обмена из текстового поля... Что я здесь делаю не так?

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ:


[*]Это происходит как в Chrome 59, так и в 64-разрядной версии. и Firefox 54, 32-разрядная версия.
[*]

Код: Выделить всё

successMessage()

вызывается и отображается в браузере.
[*]Добавление # перед идентификатором элемента не решает проблему.
< /ул>

Подробнее здесь: https://stackoverflow.com/questions/448 ... javascript