Mengaktifkan Aksara Tab Di Dalam Textarea Dengan Menekan Tombol - Dewa Blogger

Halaman

    Social Items

Buy Now

Mengaktifkan Aksara Tab Di Dalam Textarea Dengan Menekan Tombol

Saat kita mengetik goresan pena di dalam <textarea>, kita tidak dapat menekan tombol tab untuk menyisipkan abjad tab alasannya yaitu dikala kita melaksanakan itu, fokus kursor akan berpindah ke item formulir lain begitu saja. JavaScript ini dapat dipakai untuk menonaktifkan perpindahan formulir instan memakai tombol tab dan akan mengizinkan pengguna untuk menyisipkan abjad 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


Sumber https://www.dte.web.id/