Artikel ini menjelaskan metode memberikan nilai antara fokus komponen JavaScript dan titik jangkar intra-halaman. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Dua fungsi kecil yang disebutkan di atas sangat berguna pada beberapa halaman ponsel baru.
Bagaimana cara memicu suatu peristiwa ketika kursor ditempatkan pada kotak input, dan memicu peristiwa lain ketika kursor ditempatkan pada kotak input? Bahkan jika pengguna tidak memasukkan apa pun ...
Sederhana untuk memberikan nilai antar halaman, tetapi bagaimana cara melewati nilai antara jangkar di dalam halaman?
1. Tujuan Dasar
Ada halaman dengan kotak input dan hyperlink di atasnya. Kedua hal ini tidak memiliki koneksi.
Hanya saja fungsinya tidak besar, jadi saya menulis dua fungsi bersama -sama
1. Fungsi kotak input
Setelah kursor ditempatkan pada kotak dialog, latar belakang berubah merah, dan setelah mouse pengguna klik di tempat lain, itu berubah menjadi abu -abu lagi.
2. Fungsi hyperlink
Lewati nilai teks = 1 ke titik jangkar bawah di bagian bawah di bawah halaman melalui metode GET. Ada kotak input yang dinonaktifkan di bawah titik jangkar bawah, dan parameter teks pada bilah alamat pemungutan suara terus -menerus
Mulailah jika Anda tidak mengklik, tidak ada parameter teks, jadi kotak input selalu ditampilkan sebagai nol
Setelah hyperlink diklik, kotak dialog di bawah menjadi 1 setelah 0,5 detik. Karena diproses dalam milidetik, perasaan pengguna diproses secara real time.
Ada juga hyperlink punggung di atas cacat ini. Hapus parameter halaman dan tarik scrollbar ke bawah dan tampilkan sebagai nol lagi.
Harap dicatat bahwa ketika nilainya berhasil ditransmisikan antara jangkar di halaman, URL browser:
2. Proses Produksi
Tidak perlu memperkenalkan plug-in, cukup buka halaman HTML untuk ditulis. Silakan lihat kode berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> onfoucs </iteme>
</head>
<body>
<!-Tentukan kotak input. Onfocus adalah untuk mendapatkan fokus. Setelah kursor ditempatkan pada kotak input, parameter getFocus () akan segera dipicu. Onblur kehilangan fokus, dan Onfocus hanya berbalik ke arah lain. ->
<p>
<input type = "text" onfocus = "getFocus ()" onclur = "losefocus ()"/>
</p>
<!-Perhatikan sintaks dari hyperlink untuk parameter yang dilewati oleh jangkar titik di halaman. Gunakan "Parameter Hubungkan" dan kemudian gunakan titik jangkar #Connect. Untuk beberapa parameter, tulislah sebagai "Texta = 1 & TextB = 2#Bottom, Gunakan" & Link->
<p>
<a href = "Onfocus.html? Teks = 1#Bottom"> jangkar </a>
</p>
<!-Begitu banyak LIS hanya terbiasa menempati garis ~ untuk membiarkan semua orang melihat efek jangkar->
<li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li>
<!-Hyperlink ini setara dengan tombol Kembali->
<p>
<a id = "Bottom" href = "javascript: history.go (-1);"> kembali </a>
</p>
<!-Saya adalah kotak dialog yang dinonaktifkan->
<p>
<input type = "text" id = "pollingText" dinonaktifkan = "dinonaktifkan"/>
</p>
</body>
</html>
<script>
/*Pertama ubah warna latar belakang halaman menjadi #eeeeeeee*/
window.onload = function () {
document.bgcolor = "#eeeeeee";
Jajak pendapat ();
}
/* Ketika kotak dialog mendapat fokus, ubah warna latar belakang menjadi merah, jika tidak ubah menjadi #eeeeee*/
function getFocus () {
document.bgcolor = "#ff0000";
}
fungsi losefocus () {
document.bgcolor = "#eeeeeee";
}
/*Ini adalah ekspresi reguler khusus untuk parameter saat mengambil URL dapatkan nilai yang disahkan*/
fungsi getUrlparam (name) {
var reg = regexp baru ("(^| &)" + name + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .match (reg);
if (r! = null) mengembalikan unescape (r [2]); kembali nol;
}
/*Polisi terus -menerus memeriksa apakah parameter GET dilewati*/
fungsi sinkron () {
document.geteLementById ("pollingText"). value = getUrlparam ("teks");
}
fungsi polling () {
sinkronis();
setInterval ("sinkron ()", 500);
}
</script>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.