Mecha versi 2.6.4 sudah dirilis!

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

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.