Mengaktifkan Karakter Tab di dalam Textarea dengan Menekan Tombol

Tabel Konten
  1. Penggunaan 
  2. Demo 

Saat kita mengetik tulisan di dalam <textarea>, kita tidak bisa menekan tombol tab untuk menyisipkan karakter tab karena saat kita melakukan itu, fokus kursor akan berpindah ke item formulir lain begitu saja. JavaScript ini bisa digunakan untuk menonaktifkan perpindahan formulir instan menggunakan tombol tab dan akan mengizinkan pengguna untuk menyisipkan karakter tab di dalam <textarea> dengan sekali tekan tombol tab:

function enableTab(id) {
    var el = document.getElementById(id);
    el.onkeydown = function(e) {
        if (e.keyCode === 9) { // tab was pressed

            // get caret position/selection
            var val = this.value,
                start = this.selectionStart,
                end = this.selectionEnd;

            // set textarea value to: text before caret + tab + text after caret
            this.value = val.substring(0, start) + '\t' + val.substring(end);

            // put caret at right position again
            this.selectionStart = this.selectionEnd = start + 1;

            // prevent the focus lose
            return false;

        }
    };
}

Penggunaan 

enableTab('id-textarea');

Demo 

3 Komentar

  • Beben Koben

    ic ic :p*

  • Beben Koben

    tapi pas di enter nggak sama barisnya dgn yg sudah di tab yah!
    macam notepad kan nurut tuh...xixixi

  • Unknown

    boleh jugak
    keren-keren update an nya
    i like it

Komentar telah ditutup.