Shortcut pada halaman Web Site

Alhamdulillah,,, akhirnya punya bahan juga untuk posting …
Dilihat dan dipahami dari judulnya, mungkin ada yang mengira bahwa postingan ini adalah memberitahu kita bagaimana cara membuat suatu shortcut di desktop yang nantinya menuju ke website kita pada saat di klik. Tentu perkiraan tersebut salah !!!
Maksud dari judul tersebut adalah bagaimana cara membuat suatu shortcut key pada halaman website, contohnya,,, jika kita punya wordpress dan ingin posting sesuatu melalui halaman Admin, nah dibagian textarea-nya jika kita ingin menebalkan huruf kan kita tekan Ctrl+B otomatis huruf yang kita blok tadi menjadi tebal. Nah seperti itulah nantinya tutorial kali ini. Jadi bisa aja nanti kita pasang script dimana saat kita tekan Ctrl+B tiba – tiba muncul alert “Hallooo”.

Ok, sekian kata pengantarnya, langsung saja. Kita ini pakai javascript keyboard event handling. Whwhehe,,, intinya kita pake javascript.Ikuti langkah – langkah di bawah ini :

  1. Download file ini shortcut.js
  2. Kemudian includekan ke halaman website Anda di antara element <head></head>
  3. Setelah itu Anda tinggal menambahkan perintah – perintah yang akan dieksekusi saat kombinasi tombol keyboard ditekan.

Contoh :

// Untuk menambahkan shortcut
shortcut.add("Ctrl+B",function() {
	alert("Bold");
});

// Menghapus shortcut
shortcut.remove("Ctrl+B");

Oke,,, gimana cukup singkat bukan ? Untuk daftar tombol yang bisa Anda masukkan silahkan lihat List di bawah ini :

  • All alpha/numeric keys – abc…xyz,01..89
  • Special Characters.
  • Special Keys :
    • Tab
    • Space
    • Return
    • Enter
    • Backspace
    • Scroll_lock
    • Caps_lock
    • Num_lock
    • Pause
    • Insert
    • Home
    • Delete
    • End
    • Page_up
    • Page_down
    • Left
    • Up
    • Right
    • Down
    • F1
    • F2
    • F3
    • F4
    • F5
    • F6
    • F7
    • F8
    • F9
    • F10
    • F11
    • F12

Oke … semoga bermanfaat … 🙂

2 thoughts on “Shortcut pada halaman Web Site

Leave a Reply