CSS Click Event [закрыто]

Ahmad Egbaria спросил: 28 марта 2018 в 02:19 в: css

может помочь мне исправить следующее (в языке CSS), почему мое событие Click Event не работает! также, как я могу скопировать определенный текст, скажем, когда он щелкнул, я хочу скопировать "Hello". Вот мой код: (Спасибо заранее)

<head><style>.button {onclick="myFunction()"; background-color: #4CAF50; border: none; color: white; padding: 8px 15px; text-align: center; text-decoration: bold; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;} </style></head><button class="button">Copy</button><script>
function myFunction() {
  alert("Copied the text: ");
}
</script>

1 ответ

Alon Eitan Amthieu ответил: 28 марта 2018 в 02:44

Попробуйте это:

 document.addEventListener('DOMContentLoaded', function() {
  var copyText = document.getElementById('copy-text');
  document.getElementById('copy-button').addEventListener('click', function() {
    copyText.select();
    document.execCommand('copy');
  });
});
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: bold;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
<input id="copy-text" value="Hello" />
<button id="copy-button" class="button">Copy</button>