Mengenal Event Keyup Pada Jquery

Pada tutorial kali ini anda akan belajar dan mengenal sebuah event yang ada pada jquery beserta penggunaannya.

Event merupakan skrip yang akan mendeteksi sebuah aksi dari user, misalnya saja user menekan mouse, memindahkan mouse dari suatu element ataupun sebagainya.

Event keyup itu sendiri memiliki fungsi untuk mendeteksi sebuah aksi jika apabila user menekan tombol pada keyboard lalu jika di tekan akan langsung menjalankan perintah atau sintak selanjutnya.

Contohnya adalah sebagai 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>

jika sudah kalian salin , silahkan jalankan pada browser masing-masing,

fungsi Sintak jquery di atas adalah : ada suatu inputan text dengan id=”hasil” apa bila kita ketikan huruf di dalamnya makan akan langsung tampil pada browser.

Silahkan di coba