В этой статье описывается метод передачи значений между фокусом компонентов JavaScript и внутристранистыми точками якоря. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Две небольшие функции, упомянутые выше, очень полезны на некоторых новых страницах мобильного телефона.
Как запустить событие, когда курсор помещается на поле ввода, и запускает другое событие, когда курсор помещается в поле ввода? Даже если пользователь ничего не вводит ...
Это просто передавать значения между страницами, но как передавать значения между якорями на странице?
1. Основные цели
На ней есть страница с входной коробкой и гиперссылкой. Эти две вещи не имеют связи.
Просто функция не большая, поэтому я пишу две функции вместе
1. Функция ввода
Как только курсор будет помещен в диалоговое окно, фон станет красным, и как только мышь пользователя нажимает в другом месте, он снова станет серым.
2. Функция гиперссылки
Передайте значение текста = 1 в нижнюю точку привязки внизу под страницей через метод получения. Под нижней точкой привязки существует ящик отключенного ввода, а параметр текста в стержне избирательного участка постоянно
Начните, если вы не нажимаете, нет текстового параметра, поэтому окно ввода всегда отображается как NULL
Как только гиперссылка нажимается, диалоговое окно ниже становится 1 через 0,5 секунды. Поскольку он обрабатывается в миллисекундах, чувство пользователя обрабатывается в режиме реального времени.
Существует также обратная гиперссылка над этим отключенным. Очистите параметры страницы и снова потяните полос прокрутки и снова отобразите ее как нулевую.
Обратите внимание, что когда значение успешно передается между якорями на странице, URL -адрес браузера:
2. Процесс производства
Не нужно вводить плагины, просто откройте HTML-страницу для написания. Пожалуйста, смотрите следующий код:
Скопируйте код следующим образом: <! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</head>
<тело>
<!-Определите поле ввода. Onfocus - это сосредоточиться. После того, как курсор будет помещен в поле ввода, параметр getFocus () будет сразу же запускается. Онбюр теряет фокус, и Onfocus просто поворачивается наоборот. ->
<p>
<input type = "text" onfocus = "getFocus ()" onBlur = "LoseFocus ()"/>
</p>
<!-Обратите внимание на синтаксис гиперссылок для параметров, передаваемых точками привязки на странице. Используйте «Подключите параметры», а затем используйте точки якорных прикреплений #Connect. Для нескольких параметров напишите их как "texta = 1 & textb = 2#внизу, используйте" & link->
<p>
<a href = "onfocus.html? Text = 1#Bottom"> якоря </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> <li> </li>
<!-Эта гиперссылка эквивалентна кнопке задней части->
<p>
<a id = "внизу" href = "javascript: vistory.go (-1);"> назад </a>
</p>
<!-Я-диалоговое окно отключенного->
<p>
<input type = "text" id = "oplingtext" отключен = "Отключен"/>
</p>
</body>
</html>
<Скрипт>
/*Сначала изменить цвет фона страницы на #eeeeeee*//
window.onload = function () {
document.bgcolor = "#eeeeee";
Опрос ();
}
/* Когда диалоговое окно получает фокус, измените цвет фона на красный, в противном случае измените его на #eeeeee*/
функция getfocus () {
document.bgcolor = "#ff0000";
}
function LoseFocus () {
document.bgcolor = "#eeeeee";
}
/*Это выделенное регулярное выражение для параметров при принятии URL -значения*//
функция getUrlParam (name) {
var reg = new Regexp ("(^| &)" + name + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .match (reg);
if (r! = null) вернуть Unessape (r [2]); вернуть ноль;
}
/*Полиция постоянно проверяет, передается ли параметр get*/
функция synchronous () {
document.getElementbyId ("olplingText"). value = getUrlParam ("text");
}
функциональный опрос () {
Synchronous ();
setInterval ("synchronous ()", 500);
}
</script>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.