Penjelasan terperinci kaedah input javascript

Kaedah input() dalam JavaScript ialah cara mudah untuk mendapatkan input pengguna. Ia membolehkan anda mendapatkan nilai daripada pengguna dalam program JavaScript dan menyimpannya dalam pembolehubah. Artikel ini akan memperkenalkan kaedah input() secara terperinci dan menyediakan kod sampel untuk menggunakannya.

Gambaran keseluruhan kaedah Input()

Sebelum menggunakan kaedah input(), anda perlu memahami kaedah lain dalam JavaScript - prompt(). Kaedah prompt() memaparkan kotak dialog yang mengandungi kotak input teks dan butang sahkan/batal. Di sana pengguna boleh memasukkan teks dan menekan butang sahkan untuk menghantar nilai kepada program JavaScript.

Sebaliknya, kaedah input() mencipta elemen input HTML dalam halaman Web, membenarkan pengguna memasukkan teks terus ke dalam halaman. Elemen input ini boleh menjadi apa-apa jenis elemen bentuk seperti kotak teks, butang radio, kotak semak, senarai juntai bawah, dsb. Sintaks kaedah input() adalah seperti berikut:

input(type, promptText, defaultText, callback)

Maksud setiap parameter ialah:

• jenis: menunjukkan jenis elemen input, yang boleh menjadi " teks", " kata laluan", "kotak semak", "radio", "julat", "warna", "tarikh", dsb.
• promptText: Mewakili teks gesaan elemen input.
• defaultText: Mewakili teks lalai elemen input Jika pengguna tidak memasukkan apa-apa, teks ini digunakan secara lalai.
• panggilan balik: Menunjukkan fungsi panggil balik yang ditentukan Apabila pengguna melengkapkan input dan menekan kekunci Enter, fungsi akan dipanggil dan nilai yang dimasukkan oleh pengguna akan diluluskan.

Nota: Kaedah ini mengembalikan rujukan kepada elemen input HTML, yang boleh digunakan untuk memanipulasi elemen tersebut.

contoh kaedah input()

Berikut ialah contoh mudah yang menunjukkan cara menggunakan kaedah input() untuk mendapatkan input teks daripada pengguna dan menyimpannya dalam pembolehubah:

let userName = input('text', '请输入您的姓名：', '张三', function (value) {
    console.log('欢迎您，' + value + '！');
});

Dalam contoh ini, kita mula-mula mentakrifkan pembolehubah bernama "Nama pengguna" dan memulakannya kepada nilai pulangan kaedah input(). Kemudian, kami menentukan jenis elemen input sebagai "teks" dalam kaedah, teks gesaan sebagai "Sila masukkan nama anda:", teks lalai sebagai "Zhang San", dan menetapkan fungsi panggil balik. Fungsi panggil balik akan dipanggil apabila pengguna melengkapkan input dan menekan kekunci Enter, menghantar nilai input pengguna sebagai parameter kepada fungsi.

Apabila mempertimbangkan penggunaan kaedah input(), anda juga perlu memberi perhatian kepada perkara berikut:

• Apabila pengguna menekan kekunci Enter, fungsi panggil balik akan menjadi dipanggil. Dalam fungsi panggil balik, anda boleh melakukan apa sahaja berdasarkan nilai input pengguna, seperti menyimpannya dalam pembolehubah, melakukan pengiraan, dsb. Elemen input yang dicipta oleh kaedah
• input() dipaparkan pada halaman dan pengguna boleh berinteraksi dengannya. Oleh itu, anda perlu mempertimbangkan lokasi dan masa yang sesuai untuk memanggil kaedah input() untuk memaksimumkan privasi dan keselamatan pengguna.
• Kaedah input() hanya tersedia dalam persekitaran penyemak imbas dan tidak boleh digunakan dalam kod JavaScript sebelah pelayan.

Kesimpulan

Kaedah input() ialah cara yang mudah untuk mendapatkan nilai input daripada pengguna. Sama ada input teks, butang pilih atau senarai juntai bawah, kaedah ini mencipta elemen input yang sepadan. Fungsi panggil balik lalai untuk butang batal atau sahkan dipanggil secara automatik apabila pengguna melengkapkan input. Selain itu, kaedah ini menyediakan beberapa sifat tambahan untuk membantu anda melaraskan penampilan dan gelagat elemen input yang anda buat dengan lebih baik.

Atas ialah kandungan terperinci Penjelasan terperinci kaedah input javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!