Home » How To » Cara Membuat Button Click Enter

Cara Membuat Button Click Enter

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Di bawah ini kita akan mempelajari cara membuat button click “enter” keyboard dengan JavaScript.

Trigger Button Click Enter

Contoh

<!DOCTYPE html>
<html>
<body>

<h3>Contoh Trigger Button Click on Enter</h3>
<p>Tekan tombol "Enter" di dalam kolom masukan untuk memicu tombol.</p>

<input id="myInput" value="Some text..">
<button id="myBtn" onclick="javascript:alert('Hello World!')">Enter</button>

<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("myBtn").click();
  }
});
</script>

</body>
</html>

You may also like