Bu yazımızda Javascript enter keypress yani butona tıklamadan klavyeden enter tuşunu algılamasını sağlayacağız.
Jquery ile Enter’a basınca tetikleme işlemi, enter tuşuna basıldığında nasıl yakalanır, hepsi aşağıda geniş kapsamlı anlatılmıştır.
İngilizce olarak “jquery detect enter key press event” yani Jquery ile enter tuşu algılama- tetikleme işlemi “mouse” kullanmadan nasıl yapılır, şimdi canlı demo, görsel çıktısı ve kaynak kod örnekleriyle inceleyelim.
Canlı Demo
Görsel Çıktısı
Kaynak Kodlar
Aşağıdaki kaynak kodlar “HTML + CSS + JS” ile birlikte verilmiştir. Tümünü kopyalayıp “.html” şeklinde kayıt ettiğinizde hemen çalıştırabilirsiniz.
<html>
<head>
<title>
JS Enter key kullanımı
</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<input type="text" placeholder="giriniz" class="gelirgider">
<button id="butonum">Getir</button>
<script type="text/javascript">
$(document).keypress(function (event) {
var keycode=(event.keyCode ? event.keyCode : event.which);
if (keycode ==13 && $(".gelirgider").is(':focus')) {
$('#butonum').trigger('click');
alert("enter işlemi");
}
});
</script>
</body>
</html>
Cok teşekkür ederim
Teşekkürler