input imleç hareketini kısıtlamak
Ben arama yapılabilir açılır menü yapmak istiyorum.
Tayfun Hoca'nın bir videosu sağ olsun kendime uyarladım.
input içine değer girdiğimde yukarı/aşağı ok tuşuna bastığım zaman liste içinde
geçiş yaptırmak istiyorum fakat tek derdim input içinde satır sonuna ve satır başına konumlanıyor bunu engellemek istiyorum.
Örnek olarak Sorularda ara input etiketini inceleyebilirsiniz.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Sorunu çözdüm keydown kullanmak gerekiyormuş...
<input type="text" placeholder="keyDown" onkeydown="keyDown(event)" value="keyDown">
<input type="text" placeholder="keyPress" onkeypress="keyPress(event)" value="keyPress">
<input type="text" placeholder="keyUp" onkeyup="keyUp(event)" value="keyUp">
<script>
function keyDown(event){
if(event.keyCode == 38 || event.keyCode == 40) {
event.preventDefault()
console.log(event)
}
}
function keyPress(event){
console.log(event)
if (event.keyCode == 38 || event.keyCode == 40) {
event.preventDefault()
}
}
function keyUp(event){
if (event.keyCode == 38 || event.keyCode == 40) {
event.preventDefault()
}
}
</script>