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
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:
|
>>: Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python
Artikel empfehlen
Führen Sie die Schritte zum Erstellen einer Laravel-Entwicklungsumgebung mit Docker aus
Vorwort In diesem Artikel verwenden wir Docker, u...
CSS3 realisiert das Papierflugzeug aus der Kindheit
Heute werden wir Origami-Flugzeuge basteln (die A...
Verwendung des Fokus-innerhalb-Selektors von CSS3
Pseudoelemente und Pseudoklassen Apropos, schauen...
Verbesserung der Aktualisierungsfunktion für Zen-Codierungsressourcen
Offizielle Website: http://code.google.com/p/zen-c...
Ubuntu E: Sperre /var/lib/dpkg/lock-frontend konnte nicht abgerufen werden – offen (11: Ressource vorübergehend nicht verfügbar)
Ubuntu 18.04, andere Versionen von Ubuntu Frage: ...
HTML-Grundstruktur_Powernode Java Academy
Wenn wir lernen, Webseiten zu entwickeln, ist das...
React + Threejs + Swiper vollständiger Code zum Erzielen eines Panoramaeffekts
Schauen wir uns den Panorama-Effekt an: Adresse a...
CSS Lieferadresse Parallelogramm Linienstil Beispielcode
Der Code sieht folgendermaßen aus: // Linienstil ...
WeChat-Applet implementiert Taschenrechnerfunktion
WeChat-Miniprogramme erfreuen sich immer größerer...
Implementierung einer nicht geheimen SSH-Kommunikation in Linux
Was ist SSH? Administratoren können sich remote a...
So verhindern Sie, dass Website-Inhalte in Suchmaschinen aufgenommen werden
Normalerweise besteht das Ziel beim Erstellen ein...
So verwenden Sie den Geometrietyp von MySQL, um Längen- und Breitengrad-Distanzprobleme zu bewältigen
Erstellen einer Tabelle CREATE TABLE `map` ( `id`...
Zusammenfassung der Bootstrap-Lernerfahrung - Austausch von Designs im CSS-Stil
Aufgrund der Anforderungen des Projekts habe ich ...
MySQL Serie 13 MySQL-Replikation
Inhaltsverzeichnis 1. Mit der MySQL-Replikation v...
Teilen des JS-nativen Quellcodes des Spiels 2048 (das Neueste im Internet)
Ich habe mich kürzlich mit Algorithmen beschäftig...