Efek Setelah Menekan Tombol HTML Menggunakan Atribut OnKeyUp
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Sintak: <element onkeyup = "script">
<!DOCTYPE html>
<html>
<head>
<title>
Atribut Event OnKeyUp
</title>
<style>
h1
{
text-align: center;
color: green;}
h2
{
text-align: center;}
input[type=text]
{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
font-size: 24px;
color: white;}
p
{
font-size: 20px;}
</style>
</head>
<body>
<h1>
Blog Elfan
<h1>
<h2>
atribut event onkeyup
</h2>
<p>
Lepaskan tombol untuk mengubah
warna background menjadi
hijau.
</p>
<input
type="text"
id="demo"
onkeydown="keydownFunction()"
onkeyup="keyupFunction()">
<script>
function keydownFunction()
{document.getElementById("demo").style.backgroundColor = "blue";}
function keyupFunction()
{document.getElementById("demo").style.backgroundColor = "green";}
</script>
</body>
</html>
Output:Blog Elfan
atribut event onkeyup
Lepaskan tombol untuk mengubah warna background menjadi hijau.
- 11 Elemen Terlarang dalam Penggunaan Atribut OnMouseOver pada HTML
- 11 Elemen Terlarang pada Penggunaan Atribut OnMouseUp HTML
- Cara Mudah Menggunakan Atribut OnWheel pada Elemen HTML
- Cara Mudah Menggunakan Atribut Event OnDrag pada HTML
- Cara Mudah Menggunakan Atribut OnDragEnd pada Elemen HTML
- 2 Contoh Mudah Penggunaan Atribut OnDragEnter pada HTML
- Cara Mudah Menggunakan Atribut OnDragLeave pada Elemen HTML
6 komentar untuk "Efek Setelah Menekan Tombol HTML Menggunakan Atribut OnKeyUp"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Apa yang dimaksud dengan atribut onkeyup pada elemen html?
BalasHapusAtribut onkeyup merupakan atribut yang akan aktif ketika user melapaskan tangannya dari salah satu tombol keyboard yang ditekan.
Hapusonkeyup = on key up = ketika tombol dilepaskan. Dimana dalam hal ini adalah tombol keyboard.
HapusProperti onkeyup merupakan even handler dari GlobalEventHandlers yang memproses event keyup, yang akan aktif ketika user melepaskan tombol yang sebelumnya ditekan.
HapusApa perbedaan antara keypress dan keyup pada html?
BalasHapusKeypress akan aktif ketika karakter yang sebenarnya pada atribut sedang ditekan. Sedangkan keyup akan aktif ketika tombol yang ditekan tersebut kemudian dilepaskan oleh user.
Hapus