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 をよろしくお願いいたします。

以下もご興味があるかもしれません: