jQuery Basılan Tuşun Kodunu Alma

Konuyu Okuyanlar (0 kayıtlı üye )

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
Bu örneğimizde jQuery ile klavyeden basılan tuşun kodunu almayı göreceğiz. Kullanıcının bastığı tuşa göre işlem yapmak istediğimizde kullanabileceğimiz tuş kodlarını örneğimizde alert ile mesaj olarak göreceğiz.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<html>
<head>
<meta charset="utf-8">
<title>www.yazilimkodlama.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<script>
$(document).on("keydown", function(e){
alert("Basılan tuş kodu : "+ e.keyCode);
});
</script>
</body>
</html>
Sayfamızı çalıştırıp bir tuşa basalım. Örneğin ESC tuşu.





Şimdiki örneğimizde de kullanıcının Enter tuşuna basması durumunda bir mesaj verelim.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>yazilimkodlama.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).on("keydown", function(e){
if ( e.keyCode == 13 ){
//return false; //enter e basıldığinda hiçbir işlem yaptırmak istemiyorsanız.
alert("Enter tuşuna basıldı");
}
});
</script>
</body>
</html>
Sayfamız açıldığında Enter tuşuna bastığımızda;

 
Üst Alt