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

Mari Berdiskusi Bersama

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s