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

Die CSS-Priorität der Webseite wird für Sie ausführlich erklärt

Bevor wir über die CSS-Priorität sprechen, müssen...

js implementiert Axios Limit-Anforderungswarteschlange

Inhaltsverzeichnis Der Hintergrund ist: Was wird ...

JavaScript-Grundlagenvariablen

Inhaltsverzeichnis 1. Variablenübersicht 1.1 Spei...

Eine kurze Einführung in den allgemeinen Prozess der Web-Frontend-Webentwicklung

Ich sehe viele Anfänger in der Front-End-Entwicklu...

Zusammenfassung der Methoden zum Einfügen von Videos in HTML-Seiten

Wenn Sie nun das Video-Tag auf einer Seite verwen...

Ausführliche Erklärung zu Sitzung und Cookie in Tomcat

Vorwort HTTP ist ein zustandsloses Kommunikations...

Zusammenfassung der Javascript-Datumstools

lass Utils = { /** * Ist es das Todesjahr? * @ret...