Kaedah untuk memindahkan nilai antara fokus komponen JavaScript dan kemahiran point_javascript anchor dalam halaman-tutorial js-php.cn

Kaedah untuk memindahkan nilai antara fokus komponen JavaScript dan kemahiran point_javascript anchor dalam halaman

WBOY

Lepaskan： 2016-05-16 16:16:25

asal

1462 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah pemindahan nilai antara fokus komponen JavaScript dan titik utama pada halaman. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Dua fungsi kecil di atas sangat berguna dalam beberapa halaman telefon mudah alih baharu.

Bagaimanakah untuk mencetuskan peristiwa apabila kursor diletakkan dalam kotak input, dan mencetuskan acara lain apabila meninggalkan kotak input? Walaupun pengguna tidak memasukkan apa-apa…

Sangat mudah untuk memindahkan nilai antara halaman, tetapi bagaimana untuk memindahkan nilai antara titik utama dalam halaman?

1. Matlamat asas

Terdapat halaman dengan kotak input dan hiperpautan Kedua-dua perkara ini tidak berkaitan dalam apa-apa cara,

Hanya kerana fungsinya tidak besar, saya menggabungkan dua fungsi untuk menulisnya

1. Fungsi kotak input

Setelah kursor diletakkan pada latar belakang kotak dialog, ia bertukar menjadi merah dan apabila pengguna mengklik tetikus di tempat lain, ia bertukar kembali kepada latar belakang kelabu

2. Fungsi hiperpautan

Hantar teks nilai=1 ke titik sauh bawah di bahagian bawah halaman melalui kaedah dapatkan Terdapat kotak input yang dilumpuhkan di bawah titik sauh bawah, dan ia terus mengundi parameter teks pada bar alamat

Jika anda tidak mengklik pada mulanya, tidak akan ada parameter teks, jadi kotak input akan sentiasa dipaparkan sebagai batal

Setelah hiperpautan diklik, kotak dialog berikut bertukar kepada 1 selepas 0.5 saat Memandangkan ia diproses pada tahap milisaat, persepsi pengguna diproses dalam masa nyata,

Terdapat hiperpautan belakang di atas yang dilumpuhkan, yang mengosongkan pemindahan parameter halaman Jika bar skrol ditarik ke bawah sekali lagi, ia akan dipaparkan sebagai batal sekali lagi.

Sila ambil perhatian bahawa apabila nilai berjaya dipindahkan antara titik utama dalam halaman, url penyemak imbas:

2. Proses pengeluaran

Tidak perlu memperkenalkan sebarang pemalam, cuma buka halaman html untuk menulis Sila lihat kod berikut:

Salin kod Kod adalah seperti berikut:

🎜>
onfoucs

< ;/li>

< ;li>

< /li>

back

/*Tukar warna latar belakang halaman kepada #eeeeee*/
window.onload=function(){
Document.bgColor="#eeeeee"; Undian();

/*Apabila kotak dialog mendapat fokus, tukar warna latar belakang kepada merah, jika tidak tukar semula kepada #eeeeee*/
Fungsi getFocus(){
         document.bgColor="#ff0000"; }

Fungsi loseFocus(){
Document.bgColor="#eeeeee"; }

/*Ini ialah ungkapan biasa khas untuk mengambil parameter apabila url dapat melepasi nilai*/
Fungsi getUrlParam(nama) {
           var reg = RegExp baharu("(^|&)" nama "=([^&]*)(&|$)");                                var r = window.location.search.substr(1).match(reg); Jika (r!=null) kembalikan unescape(r[2]); }

/*Tinjauan secara berterusan untuk menyemak sama ada mana-mana parameter get telah diluluskan*/
Fungsi segerak() {
         document.getElementById("pollingtext").value =getUrlParam("text"); }

Undian Fungsi(){
                segerak();                              setInterval("synchronous()", 500
}

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.