JavaScript implementiert das Protokollbeispiel, in dem der Benutzer das Kontrollkästchen aktivieren muss

JavaScript implementiert das Protokollbeispiel, in dem der Benutzer das Kontrollkästchen aktivieren muss

Legen Sie in js fest, dass der Benutzer vor der Überprüfung der Anmeldung oder Registrierung eine bestimmte Vereinbarung lesen muss (deaktivierte Nutzungsfähigkeiten).

Schauen Sie sich die beiden Bilder genau an und Sie werden feststellen, dass die eingekreisten Teile unterschiedlich sind.

Wenn das Scrollrad oben ist, ist das Formular unten nicht auswählbar

Das zweite Blatt unten ist optional


Bildbeschreibung hier einfügenBildbeschreibung hier einfügen

Die Methode besteht darin, das Scrollrad zu überwachen. Wenn das Scrollrad den unteren Rand erreicht, wird das Formular auswählbar.

info.scrollHeight - info.scrollTop == info.clientHeight //Beurteilen, ob die Bildlaufleiste das Ende erreicht hat
<!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8">
		<style type="text/css">
			#Info{
				Breite: 200px;
				Höhe: 500px;
				Hintergrundfarbe: #00FFFF;
				Überlauf: automatisch;
			}
		</Stil>
		<Skripttyp="text/javascript">
			fenster.onload = funktion(){
				/*
				 *Das Formularelement ist verfügbar, wenn die vertikale Bildlaufleiste das untere Ende erreicht * onscroll
				 * Dieses Ereignis wird ausgelöst, wenn die Bildlaufleiste scrollt	
				 * */ 
				 var info = document.getElementById("info");
				 var Eingaben = document.getElementsByTagName("Eingabe");
				 info.onscroll = Funktion(){
					//Überprüfen Sie, ob die Bildlaufleiste nach unten gescrollt ist, if(info.scrollHeight - info.scrollTop == info.clientHeight){
						//Bildlaufleiste nach unten und Formularelemente sind verfügbar inputs[0].disabled = false;
						Eingaben[1].deaktiviert = false;
					}
				 }
			}
		</Skript>
		<Titel></Titel>
	</Kopf>
	<Text>
		<h1>Neue Benutzer sind herzlich willkommen, sich zu registrieren</h1>
		:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::
		<input type="checkbox" name="" id="" value="" disabled="disabled"/>Ich habe die Vereinbarung sorgfältig gelesen und werde sie einhalten. <input type="submit" value="Register" disabled="disabled"/><!-- Wenn Sie disabled="disabled" zum Formular hinzufügen, ist das Formularelement nicht mehr verfügbar-->
	</body>
</html>

Diese Methode gilt nicht für Chrome, aber andere Browser können

Dies ist das Ende dieses Artikels über das Beispiel zur Implementierung eines Protokolls, das Benutzer in JavaScript überprüfen müssen. Weitere relevante Inhalte zur Implementierung eines Protokolls, das Benutzer in JavaScript überprüfen müssen, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • JavaScript implementiert Countdown auf Front-End-Webseite
  • Detaillierte Erklärung der For-Schleife und der doppelten For-Schleife in JavaScript
  • JavaScript zum Implementieren des Vorladens und verzögerten Ladens von Bildern
  • Fünf Möglichkeiten zum Durchlaufen von JavaScript-Arrays
  • Tiefgreifendes Verständnis des Javascript-Klassenarrays

<<:  Linux-Kernel-Gerätetreiber. Zusammenfassung der Hinweise zum Lademechanismus von Linux-Kernelmodulen.

>>:  Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python

Artikel empfehlen

Jenkins verpackt Microservices, um Docker-Images zu erstellen und auszuführen

Inhaltsverzeichnis Umgebungsvorbereitung Start 1....

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

Der LIKE-Operator wird in der WHERE-Klausel verwe...

Sechs merkwürdige und nützliche Dinge über JavaScript

Inhaltsverzeichnis 1. Dekonstruktionstipps 2. Dig...

Detaillierte Erklärung des Prinzips der Docker-Image-Schichtung

Basisbild Das Basisbild hat zwei Bedeutungen: Ist...

Fallstudie zu JavaScript-Ereignisschleifen

Ereignisschleife in js Da JavaScript ein Single-T...

MySQL-Datenbank muss SQL-Anweisungen kennen (erweiterte Version)

Dies ist eine erweiterte Version. Die Fragen und ...

Detaillierte Erläuterung des SSR-Server-Side-Rendering-Beispiels von Vue

Warum Server-Side Rendering (SSR) verwenden? Bess...

Grundlegendes Tutorial zur Verwendung der Explain-Anweisung in MySQL

Inhaltsverzeichnis 1. Übersicht 1. Aussagetest er...

Vier Möglichkeiten zum Erstellen von Objekten in JS

Inhaltsverzeichnis 1. Objekte durch Literalwert e...

So stellen Sie per SSH eine Verbindung zum Docker-Server her

Als ich zum ersten Mal mit Docker in Berührung ka...