Javascript Yön Tuşları

Forum Sayfası Web Tasarım ve Programlama

Dosyayı indirmek için tıklayınız.
Pencere açık iken bir tuşa basıldığının anlaşılması.

window.onkeydown=function(olay){

if(olay.keyCode==37) {alert(“sol tuşa basıldı”);}

//Sol Kodu:37 Ust Kodu:38 Sağ Kodu:39 Alt Kodu:40*/

<script type="text/javascript">
			
	window.onkeydown=function(olay){
		var ust=kutu.offsetTop
		var sol=kutu.offsetLeft;
		var mesaj="";
if (olay.keyCode==37) {
document.getElementById('kutu').innerHTML="<p style='margin-top:50px;'>"+"SOL:"+sol+"px"+"<br>"+"ÜST:"+ust+"px"+"<br>"+"SOL BASILDI"+"</p>";
kutu.style.left=(sol-5)+"px";
				
}
if (olay.keyCode==38) {	
document.getElementById('kutu').innerHTML="<p style='margin-top:50px;'>"+"SOL:"+sol+"px"+"<br>"+"ÜST:"+ust+"px"+"<br>"+"YUKARI BASILDI"+"</p>";
kutu.style.top=(ust-5)+"px";
			}
if (olay.keyCode==39) {
document.getElementById('kutu').innerHTML="<p style='margin-top:50px;'>"+"SOL:"+sol+"px"+"<br>"+"ÜST:"+ust+"px"+"<br>"+"SAĞ BASILDI"+"</p>";
kutu.style.left=(sol+5)+"px";

}
if (olay.keyCode==40) {
document.getElementById('kutu').innerHTML="<p style='margin-top:50px;'>"+"SOL:"+sol+"px"+"<br>"+"ÜST:"+ust+"px"+"<br>"+"AŞAĞI BASILDI"+"</p>";
kutu.style.top=(ust+5)+"px";
}		}
</script>

Bir cevap yazın

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