JavaScriptは、ユーザーがチェックボックスをオンにする必要があるプロトコルの例を実装します。

JavaScriptは、ユーザーがチェックボックスをオンにする必要があるプロトコルの例を実装します。

js では、ログインまたは登録を確認する前に、ユーザーが特定の契約書を読むように設定します (使用スキルが無効)

2 枚の写真をよく見ると、丸で囲んだ部分が異なっていることがわかります。

スクロールホイールが上にある場合、下のフォームは選択できません

一番下の2番目のシートはオプションです


ここに画像の説明を挿入ここに画像の説明を挿入

方法は、スクロールホイールを監視することです。スクロールホイールが下まで達すると、フォームが選択可能になります。

info.scrollHeight - info.scrollTop == info.clientHeight //スクロールバーが下端に達したかどうかを判断します
<!DOCTYPE html>
<html>
	<ヘッド>
		<メタ文字セット="utf-8">
		<スタイル タイプ="text/css">
			#情報{
				幅: 200ピクセル;
				高さ: 500px;
				背景色: #00FFFF;
				オーバーフロー:自動;
			}
		</スタイル>
		<script type="text/javascript">
			window.onload = 関数(){
				/*
				 *フォーム項目は、垂直スクロールバーが下まで達すると使用可能になります * onscroll
				 * このイベントはスクロールバーがスクロールしたときにトリガーされます	
				 * */ 
				 var info = document.getElementById("info");
				 var inputs = document.getElementsByTagName("input");
				 info.onscroll = 関数(){
					//スクロールバーが下までスクロールしたかどうかを確認します if(info.scrollHeight - info.scrollTop == info.clientHeight){
						//バーを一番下までスクロールするとフォーム項目が使用可能になります inputs[0].disabled = false;
						入力[1].disabled = false;
					}
				 }
			}
		</スクリプト>
		<タイトル></タイトル>
	</head>
	<本文>
		<h1>新規ユーザーの登録を歓迎します</h1>
		: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
		<input type="checkbox" name="" id="" value="" disabled="disabled"/>契約内容をよく読み、それに従います <input type="submit" value="登録" disabled="disabled"/><!-- フォームに disabled="disabled" を追加すると、フォーム項目は使用できなくなります -->
	</本文>
</html>

この方法はChromeには適用されませんが、他のブラウザでは適用できます。

これで、JavaScript でユーザーが確認する必要があるプロトコルを実装する例に関するこの記事は終了です。JavaScript でユーザーが確認する必要があるプロトコルを実装する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript はフロントエンド Web ページでカウントダウンを実装します
  • JavaScript の for ループと二重 for ループの詳細な説明
  • 画像のプリロードと遅延ロードを実装するJavaScript
  • JavaScript 配列を走査する 5 つの方法
  • JavaScript クラス配列の詳細な理解

<<:  cmd と python での MySQL の一般的な操作についての簡単な説明

>>:  Linux カーネル デバイス ドライバー 高度な文字デバイス ドライバーのメモ

推薦する

ウェブページの読み込み速度を上げる簡単なヒント

Web ページの読み込み速度は、Web サイトの品質を評価するための重要な指標です。その理由は、ほと...

goaccess を使用して nginx ログを分析する詳細な方法

最近、goaccess を使って nginx ログを分析したいのですが、nginx ログの設定形式が...

プロジェクトのフロントエンドとバックエンドでの Echart チャートの使用に関する詳細な説明

目次序文1. プロジェクトアーキテクチャ2. Echart公式サイトにアクセスして自己分析を学ぶ2....

Vue+EChartsは、中国の地図の描画と省の自動回転と強調表示を実現します。

目次成果を達成する完全なコード + 詳細なコメントまとめ成果を達成する完全なコード + 詳細なコメン...

CSS3の新しい背景プロパティの詳細な説明

これまで、CSS の背景の属性には、color、image、repeat、attachment、po...

Vueプラグインの書き方を説明する記事

目次プラグインとはプラグインの作成プラグインの使用要約するプラグインとはVue フレームワークでは、...

JavaScriptの原理と方向性

これが何を指しているのかをどのように判断するのでしょうか? ①グローバル環境で呼び出された場合はwi...

Bash スクリプトでの配列メソッドの作成と使用の概要

Bashで配列を定義するbash スクリプトで新しい配列を作成する方法は 2 つあります。 1 つ目...

Typescript での infer キーワードの使用に関する詳細な理解

目次推測する事例:理解を深める参照する後で忘れないように、キーワード infer をメモしておきます...

ネイティブ js はフォームの定期的な検証を実装します (検証後にのみ送信)

以下の機能が実装されています。 1. ユーザー名: onfouc は msg ルールを表示します。o...

ubuntu14.04 に jdk1.8 をインストールするチュートリアル

1. jdkダウンロードアドレスをダウンロードする我下載的是jdk-8u221-linux-x64....

MySQL は SQL ステートメントの最新のレコードをクエリします (最適化)

最悪の選択肢は、結果を時間順に並べ替えて最初のものを取ることです。 *から選択 ここで、create...

MySQL での正規表現置換のための replace と regexp の使用法の分析

この記事では、例を使用して、replace と regexp を使用して MySQL で正規表現を置...

例を通してMySQLの更新がテーブルをロックするかどうかを判定する

2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレート...

HTMLデータ送信投稿_PowerNode Java Academy

HTTP/1.1 プロトコルで指定されている HTTP リクエスト メソッドには、OPTIONS、...