Javascript otomatik bir tuşa bastırma

13-02-2022, 18:40:32

Javascript kodu ile bir inputa otomatik olarak value atıyorum daha sonra entera bastırmak istiyorum ama bulduğum şey genelde click eventı olursa burası çalışsın tarzında şeyler. Jquery ile değil direkt javascript ile yapmak istiyorum.
Örneğin
document.getelementById("field").value=("testValue ");
bu kod ile idsi field olan yere testvalue şeklinde bir metin yazdırıyorum. Yapmam gereken şey bu field nesnesine enter eventı yaptırmak. Nasıl yapabilirim?

13-02-2022, 18:46:09

#2

Ahmed

document.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getelementById("field").value=("testValue ");
  }
});

13-02-2022, 18:48:16

#3

gurbuzemre

Ahmed adlı üyeden alıntı: mesajı görüntüle

document.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getelementById("field").value=("testValue ");
  }
});

Hocam bu yazdığınız kod ben entera basarsam burasını çalıştır demek, benim istediğim şey, js kodunu konsola yazdığım zaman otomatik olarak inputa bir value ekleyip entera bastırmak.

13-02-2022, 18:51:24

#4

Ahmed

gurbuzemre adlı üyeden alıntı: mesajı görüntüle

Hocam bu yazdığınız kod ben entera basarsam burasını çalıştır demek, benim istediğim şey, js kodunu konsola yazdığım zaman otomatik olarak inputa bir value ekleyip entera bastırmak.

Yapmam gereken şey bu field nesnesine enter eventı yaptırmak. Nasıl yapabilirim?
Dediğiniz için o kodu attım. Enter eventi değil inputa submit yaptırmak istiyorsunuz. Bu şekilde google da arayabilirsiniz.

13-02-2022, 19:03:15

#5

gurbuzemre

Ahmed adlı üyeden alıntı: mesajı görüntüle

Yapmam gereken şey bu field nesnesine enter eventı yaptırmak. Nasıl yapabilirim?
Dediğiniz için o kodu attım. Enter eventi değil inputa submit yaptırmak istiyorsunuz. Bu şekilde google da arayabilirsiniz.

Hocam zaten konunun başında aradığım şeyin attığınız kod olmadığını söylemişim enter eventı yaptırmak zaten submit ile aynı şey. Teşekkür ederim yorumunuz için

13-02-2022, 19:11:01

#6

Ahmed

gurbuzemre adlı üyeden alıntı: mesajı görüntüle

Hocam zaten konunun başında aradığım şeyin attığınız kod olmadığını söylemişim enter eventı yaptırmak zaten submit ile aynı şey. Teşekkür ederim yorumunuz için

Son kez yazıyorum. Anladığım kadarıyla enter eventi diye tanımladığınız şey submit. Ayrıca kodunuz hatalı şimdi fark ettim doğrusu aşağıdaki şekildedir. Inputa submit işlemi yaptırabilmek için form içerisinde kullanmanız gerekmektedir. Formun idsini form olarak tanımladım. Bu kod sayfa açıldığında çalışacaktır gönder() olan kısmı kendi fonksiyonunuza ekleyerek algoritmanıza göre çalıştırabilirsiniz.

function Gonder() {
  document.getElementById("form").submit();
};
document.getElementById("field").value = "testValue ";
Gonder();

13-02-2022, 21:25:08

#7

gurbuzemre

Ahmed adlı üyeden alıntı: mesajı görüntüle

Son kez yazıyorum. Anladığım kadarıyla enter eventi diye tanımladığınız şey submit. Ayrıca kodunuz hatalı şimdi fark ettim doğrusu aşağıdaki şekildedir. Inputa submit işlemi yaptırabilmek için form içerisinde kullanmanız gerekmektedir. Formun idsini form olarak tanımladım. Bu kod sayfa açıldığında çalışacaktır gönder() olan kısmı kendi fonksiyonunuza ekleyerek algoritmanıza göre çalıştırabilirsiniz.

function Gonder() {
  document.getElementById("form").submit();
};
document.getElementById("field").value = "testValue ";
Gonder();

Hocam kodum hatalı değil kodumda hatalı olacak bir durum yok. Yaşadığım sorunu da açıkça yazdım. Sizin form olmalı submit etmek için dediğiniz şey doğru olabilir. Facebooka ait reactla yazılmış birkaç input var yapmak istediğim şey, inputa text yazıp enterlayınca metnin formunu değiştiriyor. Bunu koddan yapmak istiyordum hepsi bu. Texti yazdırdıktan sonra enter işlemini yaptıramamıştım.

13-02-2022, 21:43:53

#8

per

<html>
<body>
<input id="testInput" value="" />
<script>

document.addEventListener("keydown", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   console.log("enter tetiklendi"); // enter gelirse consolea yazsın birşeyler görelim..
  }
});

document.getElementById("testInput").value="deneme"; // inputa deger ata
document.getElementById("testInput").focus(); // inputu aktif et

const ke = new KeyboardEvent('keydown', {
    bubbles: true, cancelable: true, keyCode: 13
});
document.body.dispatchEvent(ke); // ve enteri gönder..



</script>
</body>
</html>

13-02-2022, 22:05:22

#9

Ahmed

gurbuzemre adlı üyeden alıntı: mesajı görüntüle

Hocam kodum hatalı değil kodumda hatalı olacak bir durum yok. Yaşadığım sorunu da açıkça yazdım. Sizin form olmalı submit etmek için dediğiniz şey doğru olabilir. Facebooka ait reactla yazılmış birkaç input var yapmak istediğim şey, inputa text yazıp enterlayınca metnin formunu değiştiriyor. Bunu koddan yapmak istiyordum hepsi bu. Texti yazdırdıktan sonra enter işlemini yaptıramamıştım.

Tamam işte Gonder fonksiyonunu istediğiniz yerde çağırıp (sizin koda göre value değerini atadıktan sonra olmalı) yaptırabilirsiniz.

document.getelementById("field").value=("testValue ");
Yazmış olduğunuz bu kodu kullanıyorsanız hata alırsınız value tanımlarken parantez kullanmışsınız get element in de E si büyük olmalı bunlar hata almaya sebebiyettir.