Javascript

Js ile Enter Tuşu Algılama- Tetikleme

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ı

enter-key


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>

İlgili Makaleler

2 Yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu