Este artículo describe el método de aprobar los valores entre el enfoque de los componentes de JavaScript y los puntos de anclaje intrapágina. Compártelo para su referencia. El análisis específico es el siguiente:
Las dos pequeñas funciones mencionadas anteriormente son muy útiles en algunas nuevas páginas de teléfonos móviles.
¿Cómo activar un evento cuando el cursor se coloca en el cuadro de entrada y activar otro evento cuando el cursor se coloca en el cuadro de entrada? Incluso si el usuario no ingresa nada ...
Es simple pasar valores entre páginas, pero ¿cómo pasar valores entre anclajes dentro de la página?
1. Objetivos básicos
Hay una página con un cuadro de entrada y un hipervínculo. Estas dos cosas no tienen conexión.
Es solo que la función no es grande, así que escribo las dos funciones juntas
1. Función de cuadro de entrada
Una vez que el cursor se coloca en el cuadro de diálogo, el fondo se pone rojo, y una vez que el mouse del usuario hace clic en otro lugar, vuelve a ponerse gris.
2. Función de hipervínculo
Pase el valor del texto = 1 al punto de anclaje inferior en la parte inferior debajo de la página a través del método GET. Hay un cuadro de entrada deshabilitado debajo del punto de anclaje inferior, y el parámetro de texto en la barra de direcciones de votación está constantemente
Iniciar si no hace clic, no hay parámetro de texto, por lo que el cuadro de entrada siempre se muestra como nulo
Una vez que se hace clic en el hipervínculo, el cuadro de diálogo a continuación se convierte en 1 después de 0.5 segundos. Dado que se procesa en milisegundos, el sentimiento del usuario se procesa en tiempo real.
También hay un hipervínculo posterior por encima de este desactivado. Borre los parámetros de la página y retire la barra de desplazamiento hacia abajo nuevamente y muestrelo como nulo nuevamente.
Tenga en cuenta que cuando el valor se transmite con éxito entre los anclajes en la página, la URL del navegador:
2. Proceso de producción
No es necesario introducir ningún complemento, simplemente abra una página HTML para escribir. Consulte el siguiente código:
Copie el código de la siguiente manera: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</ablo>
<Body>
<!-Defina un cuadro de entrada. Onfocus es para enfocarse. Una vez que el cursor se coloca en el cuadro de entrada, el parámetro getFocus () se activará de inmediato. Onblur pierde el enfoque, y Onfocus simplemente gira al revés. ->
<p>
<input type = "text" onfocus = "getFocus ()" onblur = "Lossfocus ()"/>
</p>
<!-Tenga en cuenta la sintaxis de los hipervínculos para los parámetros pasados por puntos de anclaje en la página. Use "Conecte los parámetros" y luego use los puntos de anclaje #connect. Para múltiples parámetros, escríbalos como "texta = 1 & textb = 2#fondo, use" y enlace->
<p>
<a href = "Onfocus.html? Text = 1#Bottom"> Anchors </a>
</p>
<
<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>
<!-Este hipervínculo es equivalente al botón Atrás->
<p>
<a id = "Bottom" href = "JavaScript: History.go (-1);"> Back </a>
</p>
<!-soy el cuadro de diálogo deshabilitado->
<p>
<input type = "text" id = "PollingText" Discabled = "Disabled"/>
</p>
</body>
</html>
<script>
/*Primero cambie el color de fondo de la página a #eeeeeee*/
window.onload = function () {
document.bgcolor = "#eeeeee";
Votación();
}
/* Cuando el cuadro de diálogo se enfoque, cambie el color de fondo a rojo, de lo contrario cámbielo a #eeeeee*/
función getFocus () {
document.bgcolor = "#ff0000";
}
function LoseFocus () {
document.bgcolor = "#eeeeee";
}
/*Esta es una expresión regular dedicada para los parámetros al tomar la URL de la URL.
función getUrlParam (nombre) {
var reg = new Regexp ("(^| &)" + nombre + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .match (reg);
if (r! = null) return unescape (r [2]); regresar nulo;
}
/*Policía constantemente para verificar si se pasa el parámetro Get*/
función synchronous () {
document.getElementById ("PollingText"). Value = getUrlParam ("Text");
}
function Polling () {
sincrónico();
setInterval ("Synchronous ()", 500);
}
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.