Cara menggunakan .KEYUP pada JavaScript

jquery dasar : fungsi keyup jquery

 selain fungsi keypress ada juga yang namanya fungsi event keyup pada jquery seperti halnya event onkeyup pada javascript. dan bahkan fungsi dan tujuan fungsi keyup pada jquery sama persis dengan fungsi dan tujuan dari event onkeyup pada javascript. namun seperti biasa, diri ini memohon izin untuk mengucapkan

Salam sobat semua

Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah diberikan Allah kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. dan tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta kepada keluarga dan para sahabatnya.

Bismillahir rohmaanir rohiim, di kesempatan kali ini kita akan mencoba untuk menggunakan fungsi event keyup pada jquery dan mencoba untuk menerapkan fungsi event keyup jquery pada rangkaian kode-kode javascript. event keyup ini kalau menurut definisi saya sama persis dengan definisi fungsi event onkeyup pada javascript yaitu suatu keadaan atau kondisi yang mana jika user melakukan penekanan tombol di keyboard kemudian di lepas atau diangkat tombol tersebut maka fungsi jquery akan tereksekusi. dan untuk penulisannya fungsi event keyup ini adalah seperti berikut kurang lebihnya

$("selector").keyup(function(){

//kode actionnya disini

});

dan untuk contoh kode lengkap fungsi keyup kurang lebihnya seperti berikut

$(document).ready(function(){

$("#inpkey").keyup(function(){

alert("Ini tes fungsi keyup atau penekanan kemudian dilepas komponen keyboard pada jquery");

});

});

dan untuk kode lengkap dalam javascriptnya kurang lebihnya seperti berikut

<script src="jquery.js"></script>

<script>

$(document).ready(function(){

$("#inpkey").keyup(function(){

alert("Ini tes fungsi keyup atau penekanan kemudian dilepas komponen keyboard pada jquery");

});

});

</script>

<input type="text" id="inpkey" name="inpkey">

sehingga jika kode diatas dijalankan dan ketika user menekan salah satu tombol di keyboard entah itu berupa huruf atau angka dan kemudian melepasnya maka kode javascript dan fungsi jquery diatas akan menghasilkan suatu output pesan "Ini tes fungsi keyup atau penekanan kemudian dilepas komponen keyboard pada jquery" seperti tampak pada gambar berikut

atau dari contoh kode yang lain kurang lebih seperti berikut

<script src="jquery.js"></script>

<script>

var i=0;

var outkey="<h2>Ini tes fungsi keyup atau penekanan kemudian dilepas komponen keyboard pada jquery</h2>";

$(document).ready(function(){

$("#inpkey").keyup(function(){

$("#tampil").html(outkey += outkey);

});

});

</script>

<input type="text" id="inpkey" name="inpkey">

<div id="tampil"></div>

maka hasil output dari kode diatas seperti berikut

dan saya rasa seperti itulah kurang lebihnya tentang fungsi event keyup pada jquery dan bagaimana cara menerapkan event method keyup jquery ini pada kode-kode javascript. dan untuk kali ini saya rasa cukup sekian dulu tentang tulisan fungsi event keyup pada jquery dan bagaimana cara menerapkan event method keyup jquery ini pada kode-kode javascript dan kita lanjut di next tulisan Insya Allah. dan mudah-mudahan tulisan ini bisa memberikan manfaat bagi kita semua. Aamiiin.

dan bagi kalian yang ingin download filenya bisa kalian download di https://www.mediafire.com/file/d0mdiwwbue4ru76/keyupjquery.zip/file

Salam sobat semua

#javascript #html #jquery #free #share #event #keyup #web #website #websites

<Metode acara jQuery

Contoh

Mengatur warna latar belakang dari sebuah <input> lapangan ketika tombol keyboard dilepaskan:

$("input").keyup(function(){
    $("input").css("background-color", "pink");
});

Cobalah sendiri "

Definisi dan Penggunaan

Urutan peristiwa yang berkaitan dengan keyup acara:

1. keydown - Kuncinya adalah dalam perjalanan ke bawah
2. keypress - tombol tersebut ditekan
3. keyup - Kuncinya dilepaskan

The keyup peristiwa terjadi ketika sebuah tombol keyboard dilepaskan.

The keyup() metode memicu keyup acara, atau menempel fungsi untuk menjalankan ketika keyup peristiwa terjadi.

Tip: Gunakan event.which properti untuk kembali kunci yang ditekan.

Sintaksis

Memicu keyup acara untuk elemen yang dipilih:

Melampirkan fungsi ke keyup acara:

$(selector).keyup(function) Try it

Coba Sendiri - Contoh

Tentukan kunci yang ditekan
Bagaimana menggunakan properti event.which untuk menentukan kunci yang ditekan.

<Metode acara jQuery