Mengenal Event Keyup Pada Jquery
Di panduan kali ini sahabat akan belajar dan mengenal sebuah event yang terdapat di jquery dan juga penggunaannya.
Event adalah skrip yang akan mendeteksi sebuah aksi dari user, misalnya saja user menekan mouse, memindahkan mouse dari suatu element ataupun sebagainya.
Event keyup itu sendiri mempunyai guna bagi mendeteksi sebuah aksi kalau apabila user menekan tombol di keyboard lalu kalau di tekan akan seketika menjalankan petunjuk atau sintak berikutnya.
Contohnya yakni selaku berikut:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type=text/javascript src=https://code.jquery.com/jquery-3.1.1.min.js></script>
<script type=text/javascript>
$(document).ready(function(){
$(input).keyup(function(){
var tampung = $(input).val();
$(#hasil).text(tampung);
});
$(button).click(function(event){
var tampung2 = $(input).val();
$(#hasil).empty(tampung2);
})
});
</script>
</head>
<body>
<input type=text>
<button>Clear</button>
<p id=hasil></p>
</body>
</html>
kalau telah kalian salin , silahkan jalankan di browser masing-masing,
guna Sintak jquery di atas yakni : ada suatu inputan text dengan id=”hasil” apa bila kita ketikan huruf di dalamnya makan akan seketika tampil di browser.
Silahkan di coba
Sumber https://kursuswebsite.org
