Aktifkan Dan Nonaktifkan Tombol Keyboard Menggunakan JavaScript
Dalam tutorial ini kami akan menunjukkan kepada Anda cara mengaktifkan
dan menonaktifkan tombol keyboard menggunakan JavaScript. Pengguna dapat
menonaktifkan dan mengaktifkan semua tombol pengetikan pada keyboard dengan
mengklik tombol aktifkan dan nonaktifkan. Anda juga mungkin ingin mengaktifkan
tombol aktifkan kirim menggunakan jQuery.
Lihat Demo
Aktifkan Dan Nonaktifkan Tombol Keyboard Menggunakan
JavaScript
Untuk Mengaktifkan Dan Menonaktifkan Tombol Keyboard Hanya
Membutuhkan Satu Langkah: -
Buat file HTML dan tentukan markup, skrip, dan gaya
Langkah 1. Buat file HTML dan tentukan markup, skrip, dan
gaya
Kami membuat file HTML dan menyimpannya dengan nama
enable_disable.html
<html>
<head>
<script type = "text / javascript">
menonaktifkan fungsi ()
{
document.onkeydown = fungsi (e)
{
return false;
}
}
fungsi memungkinkan ()
{
document.onkeydown = fungsi (e)
{
kembali benar;
}
}
</script>
<style>
tubuh
{
margin: 0 otomatis;
padding: 0px;
perataan teks: tengah;
lebar: 100%;
font-family: "Myriad Pro", "Helvetica
Neue", Helvetica, Arial, Sans-Serif;
warna latar: # 21618C;
}
#pembungkus
{
margin: 0 otomatis;
padding: 0px;
perataan teks: tengah;
lebar: 995px;
}
#wrapper h1
{
margin-top: 50px;
ukuran font: 45px;
warna: # FDF2E9;
}
#wrapper h1 p
{
ukuran font: 18px;
}
#text_div textarea
{
lebar: 350px;
tinggi: 100px;
padding: 10px;
}
Masukan #text_div [type = "button"]
{
lebar: 100px;
tinggi: 35px;
margin-top: 5px;
latar belakang: tidak ada;
perbatasan: 1px putih solid;
warna putih;
font-weight: bold;
}
</style>
</head>
<body>
<div id = "wrapper">
<div id = "text_div">
<textarea placeholder = "Masukkan Teks">
</textarea>
<input type = "button" value =
"DISABLE" onclick = "disable ();">
<input type = "button" value =
"ENABLE" onclick = "enable ();">
</div>
</div>
</body>
</html>
Pada langkah ini kami membuat textarea untuk menguji
keyboard sebelum dan sesudah menonaktifkan dan mengaktifkan. Kami membuat dua
tombol untuk menonaktifkan dan mengaktifkan keyboard dan kami juga membuat dua
fungsi disable () dan enable () dan menggunakan fungsi onkeydown () untuk
melacak penekanan tombol dan menggunakan masing-masing salah dan benar. Anda
mungkin juga suka menonaktifkan cut, copy dan paste menggunakan jQuery.
Itu saja, ini adalah cara mengaktifkan dan menonaktifkan
tombol keyboard menggunakan JavaScript. Anda dapat menyesuaikan kode ini lebih
lanjut sesuai kebutuhan Anda. Dan jangan ragu untuk memberikan komentar pada
tutorial ini.
0 Response to "Aktifkan Dan Nonaktifkan Tombol Keyboard Menggunakan JavaScript"
Post a Comment