acara.altKey
Fungsi : Mendeteksi apakah tombol Alt ditekan saat peristiwa terjadi.
Sintaks: acara.altKey
Nilai: benar |. salah
menjelaskan:
Atribut altKey adalah true untuk menunjukkan bahwa tombol Alt ditekan dan ditahan ketika peristiwa terjadi, dan false untuk menunjukkan bahwa tombol Alt tidak ditekan.
Atribut altKey dapat digunakan bersama dengan mouse atau keyboard, dan sebagian besar digunakan untuk membuat beberapa operasi pintasan.
acara.ctrlKey
Fungsi : Mendeteksi apakah tombol Ctrl ditekan saat peristiwa terjadi.
Sintaks: acara.ctrlKey
Nilai: benar |. salah
menjelaskan:
Jika atribut ctrlKey benar, berarti tombol Ctrl ditekan dan ditahan saat peristiwa terjadi.
Atribut ctrlKey dapat digunakan bersama dengan mouse atau keyboard, dan sebagian besar digunakan untuk membuat beberapa operasi pintasan.
acara.shiftKey
Fungsi : Mendeteksi apakah tombol Shift ditekan saat peristiwa terjadi.
Sintaks: acara.shiftKey
Nilai: benar |. salah
menjelaskan:
Jika properti shiftKey benar, berarti tombol Shift telah ditekan dan ditahan saat peristiwa terjadi. Jika salah, maka tombol Shift tidak ditekan.
Atribut shiftKey dapat digunakan bersama dengan mouse atau keyboard, dan sebagian besar digunakan untuk membuat beberapa operasi pintasan.
Contoh 1
Contoh operasi gabungan.
Copy kode kodenya sebagai berikut:
<input id="txt1" type="text" value="Halo Dunia!" onclick="checkAlt(event)" />
<skrip tipe="teks/javascript">
fungsi checkAlt(oEvent)
{
if(oEvent.altKey)
document.getElementById("txt1").select();
}
</skrip>
Efek dari kode ini adalah:
Jika Anda menahan tombol Alt dan mengklik kotak teks di atas, Anda dapat memilih teks di kotak teks tersebut.
Contoh 2
Contoh operasi gabungan.
Copy kode kodenya sebagai berikut:
<input id="txt2" type="text" value="Halo Dunia!" onclick="clearText(event)" />
<skrip tipe="teks/javascript">
fungsi clearText(oEvent)
{
jika( oEvent.ctrlKey && oEvent.keyCode==46 )
dokumen.getElementById("txt2").value = "";
}
</skrip>
Efek dari kode ini adalah:
Gunakan kombinasi tombol "Ctrl+Del" untuk menghapus isi kotak teks di atas. (Kotak teks harus difokuskan terlebih dahulu. Contoh ini hanya berlaku untuk browser IE.)
Contoh 3
Contoh operasi gabungan.
Copy kode kodenya sebagai berikut:
<div id="kotak" onclick="setColor(acara)"></div>
<skrip tipe="teks/javascript">
var b = benar;
fungsi setWarna(oEvent)
{
jika( oEvent.shiftKey && b )
document.getElementById("box").style.backgroundColor = "biru";
jika( oEvent.shiftKey && !b )
document.getElementById("box").style.backgroundColor = "merah";
b = !b;
}
</skrip>
Efek dari kode ini adalah:
Tahan tombol "Shift" dan klik blok warna di atas dengan mouse untuk mengubah warna blok warna.