2

Нужно скопировать текст из p тега при клике на кнопку, как это сделать? В гугле непонятные для меня способы, может есть способ по-проще?

var mail = document.querySelector('p');
var button = document.querySelector('div');
button.onclick = function (event) {
	
}
div {
  width: 100px;
  display: inline-block;
  background-color: green;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
<p>email</p>
<div>copy</div>

1
  • Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат.
    – Qwertiy
    11 мар 2018 в 19:41

1 ответ 1

2

var mail = document.querySelector('p').textContent;
var button = document.querySelector('div');
button.onclick = function (event) {
    var x = document.createElement("INPUT");
    x.setAttribute("type", "text");
    x.setAttribute("value", mail);
    document.body.appendChild(x);
    document.querySelector('INPUT').select();
    document.execCommand('copy');
    alert(mail);
     document.querySelector("INPUT").style.display="none";
    
}
div {
  width: 100px;
  display: inline-block;
  background-color: green;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
input{

}
<p>email</p>
<div>copy</div>

3
  • Так мне надо в буфер обмена скопировать, а не вывести alerto'm :)
    – uzi_no_uzi
    11 мар 2018 в 18:33
  • 1
    @uzi_no_uzi сделал
    – Vadim
    11 мар 2018 в 18:46
  • 1
    @uzi_no_uzi так?
    – Vadim
    11 мар 2018 в 19:40

Ваш ответ

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

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