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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: cmd と python での MySQL の一般的な操作についての簡単な説明
>>: Linux カーネル デバイス ドライバー 高度な文字デバイス ドライバーのメモ
Web ページの読み込み速度は、Web サイトの品質を評価するための重要な指標です。その理由は、ほと...
最近、goaccess を使って nginx ログを分析したいのですが、nginx ログの設定形式が...
目次序文1. プロジェクトアーキテクチャ2. Echart公式サイトにアクセスして自己分析を学ぶ2....
目次成果を達成する完全なコード + 詳細なコメントまとめ成果を達成する完全なコード + 詳細なコメン...
これまで、CSS の背景の属性には、color、image、repeat、attachment、po...
目次プラグインとはプラグインの作成プラグインの使用要約するプラグインとはVue フレームワークでは、...
これが何を指しているのかをどのように判断するのでしょうか? ①グローバル環境で呼び出された場合はwi...
Bashで配列を定義するbash スクリプトで新しい配列を作成する方法は 2 つあります。 1 つ目...
目次推測する事例:理解を深める参照する後で忘れないように、キーワード infer をメモしておきます...
以下の機能が実装されています。 1. ユーザー名: onfouc は msg ルールを表示します。o...
1. jdkダウンロードアドレスをダウンロードする我下載的是jdk-8u221-linux-x64....
最悪の選択肢は、結果を時間順に並べ替えて最初のものを取ることです。 *から選択 ここで、create...
この記事では、例を使用して、replace と regexp を使用して MySQL で正規表現を置...
2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレート...
HTTP/1.1 プロトコルで指定されている HTTP リクエスト メソッドには、OPTIONS、...