JavaScript alih keluar kunci tab

JavaScript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan web Ia boleh merealisasikan kesan dinamik, pengesahan data dan fungsi lain halaman web. Dalam pembangunan web, kita sering menghadapi keperluan untuk memproses teks dalam kotak input. Antaranya, mengalih keluar kandungan teks yang dimasukkan oleh kekunci tab adalah keperluan yang agak biasa.

Secara lalai, apabila pengguna menekan kekunci Tab dalam kotak teks, kotak teks akan menambah aksara tab (juga dikenali sebagai "simbol tab") pada kotak input. Walau bagaimanapun, kadangkala kami ingin melarang pengguna daripada memasukkan kekunci tab, untuk mengelakkan teks input yang mengandungi aksara tab yang tidak mematuhi format, sekali gus menjejaskan ketepatan pemprosesan data. Oleh itu, dalam artikel ini, kami akan memperkenalkan cara menggunakan JavaScript untuk mengalih keluar simbol tab daripada kotak input.

Berikut ialah kod JavaScript yang melaksanakan pengalihan keluar simbol tab:

function removeTabKey(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode === 9) {
        event.preventDefault();
        var start = this.selectionStart;
        var end = this.selectionEnd;
        this.value = this.value.substring(0, start) + " " + this.value.substring(end);
        this.setSelectionRange(start + 1, start + 1);
    }
}

Dalam kod ini, kami mencipta fungsi yang dipanggil "removeTabKey", yang akan berfungsi sebagai pengendali acara teks kotak . Fungsi ini akan dilaksanakan apabila pengguna menekan kekunci. Pertama, kami mengisytiharkan "kod kunci" pembolehubah untuk menyimpan nilai kunci kekunci yang ditekan oleh pengguna. Jika pengguna menekan kekunci Tab, fungsi ini akan menghalang tingkah laku lalai (iaitu, menambah aksara tab) dan mula memproses teks.

Sebelum memproses teks, kita perlu mengetahui kedudukan kursor. Untuk melakukan ini, kami menggunakan kaedah "selectionStart" dan "selectionEnd" untuk mendapatkan kedudukan mula dan akhir teks yang dipilih pada masa ini. Seterusnya, kami menggunakan kaedah "substring" untuk memadamkan teks yang dipilih. Kami mula-mula mendapatkan kandungan teks sebelum teks yang dipilih, kemudian tambah ruang (atau aksara lain yang anda mahukan), dan akhirnya menambah teks selepas akhir teks yang dipilih. Memandangkan kami memadamkan pemilihan, kursor kini berada di penghujung pemilihan. Jadi dengan menggunakan kaedah "setSelectionRange" kami mengalihkan kursor ke kedudukan seterusnya dalam teks supaya pengguna boleh terus menaip.

Dalam aplikasi, kita boleh menetapkan fungsi ini kepada acara "onkeydown" kotak teks. Ini akan memastikan bahawa fungsi tersebut dilaksanakan apabila pengguna menekan sebarang kekunci dan menyemak sama ada kekunci Tab ditekan. Jika ya, kod di atas dilaksanakan, dengan itu mengalih keluar aksara tab.

Ringkasnya, tidak rumit untuk menggunakan JavaScript untuk mengalih keluar kandungan teks yang dimasukkan oleh kekunci tab. Anda boleh menggunakan pengendali acara dan kaedah pemprosesan rentetan untuk mencapai fungsi ini, dengan itu meningkatkan ketepatan dan kebolehpercayaan kemasukan data. Ia mempunyai kepentingan praktikal yang sangat baik untuk pembangun bahagian hadapan dan belakang saya harap artikel ini akan memberi inspirasi dan membantu anda.

Atas ialah kandungan terperinci JavaScript alih keluar kunci tab. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!