この記事では、JavaScriptコンポーネントの焦点とページ内のアンカーポイントの焦点の間に値を渡す方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
上記の2つの小さな機能は、いくつかの新しい携帯電話のページで非常に役立ちます。
カーソルが入力ボックスに配置されたときにイベントをトリガーし、カーソルが入力ボックスに配置されたときに別のイベントをトリガーする方法は？ユーザーが何も入力していなくても...
ページ間で値を渡すのは簡単ですが、ページ内のアンカー間で値を渡す方法は？
1。基本的な目的
入力ボックスとハイパーリンクを備えたページがあります。これらの2つのことには関係がありません。
関数が大きくないということだけなので、2つの機能を一緒に書きます
1。入力ボックス機能
ダイアログボックスにカーソルが配置されると、背景が赤くなり、ユーザーのマウスが他の場所でクリックすると、再び灰色になります。
2。ハイパーリンク関数
GETメソッドを使用して、ページの下の下部にあるテキスト= 1の値を下のアンカーポイントに渡します。ボトムアンカーポイントの下には無効な入力ボックスがあり、ポーリングアドレスバーのテキストパラメーターは常にあります
クリックしない場合は開始、テキストパラメーターがないため、入力ボックスは常にnullとして表示されます
ハイパーリンクがクリックされると、0.5秒後に下のダイアログボックスが1になります。ミリ秒で処理されるため、ユーザーの感覚はリアルタイムで処理されます。
また、この障害者の上にバックハイパーリンクがあります。ページパラメーターをクリアし、再度スクロールバーを引き下げて、再びnullとして表示します。
ページ内のアンカー間で値が正常に送信された場合、ブラウザのURL：
2。生産プロセス
プラグインを導入する必要はありません。HTMLページを開くだけで書きます。次のコードをご覧ください。
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</head>
<body>
<！ - 入力ボックスを定義します。フォーカスは焦点を当てることです。カーソルが入力ボックスに配置されると、getFocus（）パラメーターがすぐにトリガーされます。 Onblurはフォーカスを失い、Onfocusはちょうど逆の方向を回します。 - >
<p>
<input type = "text" onfocus = "getFocus（）" onblur = "losefocus（）"/>
</p>
<！ - ページのアンカーポイントで渡されたパラメーターのハイパーリンクの構文に注意してください。 「接続パラメーター」を使用して、#Connectアンカーポイントを使用します。複数のパラメーターについては、「texta = 1＆textb = 2＃bottom」と記述します。＆link->
<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> <li>
<！ - このハイパーリンクは、バックボタンに相当します - >
<p>
<a id = "bottom" href = "javascript：history.go（-1）;"> back </a>
</p>
<！ - 私は無効なダイアログボックスです - >
<p>
<input type = "text" id = "pollingtext" disabled = "disabled"/>
</p>
</body>
</html>
<スクリプト>
/*最初にページの背景色を＃eeeeeeeに変更します*/
window.onload = function（）{
document.bgcolor = "＃eeeeee";
Polling（）;
}
/*ダイアログボックスがフォーカスを取得したら、背景色を赤に変更します。
関数getFocus（）{
document.bgcolor = "＃ff0000";
}
関数losefocus（）{
document.bgcolor = "＃eeeeee";
}
/*これは、URLを取得する場合のパラメーターの専用の正規表現です。
関数geturlparam（name）{
var reg = new regexp（ "（^|＆）" + name + "=（[^＆]*）（＆| $）"）;
var r = window.location.search.substr（1）.match（reg）;
if（r！= null）unescape（r [2]）を返します。 nullを返します。
}
/*GETパラメーターが渡されるかどうかを常に確認するために警察*/
関数synchronous（）{
document.getElementById（ "PollingText"）。value = getUrlParam（ "Text"）;
}
関数Polling（）{
同期（）;
setInterval（ "synchronous（）"、500）;
}
</script>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。