Web-Frontend
js-Tutorial
JavaScript stellt automatisch den Standardtext wieder her, nachdem Sie auf „Text' geklickt haben, um die Fähigkeiten von „box_javascript' zu löschen
JavaScript stellt automatisch den Standardtext wieder her, nachdem Sie auf „Text' geklickt haben, um die Fähigkeiten von „box_javascript' zu löschen
Das Beispiel in diesem Artikel stellt den js-Beispielcode zum Löschen des Standardtextes vor, belässt ihn und stellt ihn dann wieder her. Der spezifische Inhalt ist wie folgt
Verwandtes Wissen:
1. Definition und Verwendung des Onclick-Ereignisses:
Dieses Ereignis wird ausgelöst, wenn auf ein Objekt geklickt wird.
Browserunterstützung:
1), IE-Browser unterstützt dieses Ereignis.
2) Der Firefox-Browser unterstützt dieses Ereignis.
3) Der Opera-Browser unterstützt dieses Ereignis.
4) Google Chrome unterstützt diese Veranstaltung.
5) Der Safria-Browser unterstützt dieses Ereignis.
Beispielcode:
<html>
<head>
<meta charset="gb2312"/>
<title>脚本之家</title>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
mydiv.onclick=function(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>
2. Definition und Verwendung des Onblur-Ereignisses:
Dieses Ereignis wird ausgelöst, wenn das angegebene Objekt den Fokus verliert.
Beispielcode:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>脚本之家</title>
<style type="text/css">
.mytest{
background-color:green;
}
</style>
<script type="text/javascript">
window.onload=function(){
var username=document.getElementById("username");
username.focus();
username.onblur=function(){
username.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<input type="text" name="username" id="username" />
</body>
</html>
Der nächste Schritt ist das Wichtigste:
Klicken Sie auf das Textfeld, um den Standardtext zu löschen, belassen Sie ihn und stellen Sie ihn dann wieder her
Die Textfelder, die auf vielen Websites ausgefüllt werden müssen, geben standardmäßig eine Standard-Eingabeaufforderungssprache an. Wenn die Maus auf dieses Textfeld klickt, kann der darin enthaltene Standardtext gelöscht und der Fokus gelöscht werden verlässt das Textfeld. Schreiben Sie dann den Standardtext in das Textfeld.
Der Code lautet wie folgt:
<html>
<head>
<meta charset="gb2312">
<title>点击文本框清除默认值</title>
<script type="text/javascript">
window.onload=function()
{
var username=document.getElementById("username");
username.onclick=function()
{
if(username.value=="请输入您的姓名")
{
username.value="";
this.focus();
}
}
username.onblur=function()
{
if(username.value=="")
{
username.value="请输入您的姓名";
}
}
}
</script>
</head>
<body>
<input type="text" value="请输入您的姓名" id="username" />
</body>
</html>
So erkennen Sie, dass die Eingabeaufforderung im Passwortfeld angezeigt wird:
Manchmal benötigen wir eine Aufforderungssprache im Anmeldeformular, z. B. „Bitte geben Sie Ihren Benutzernamen ein“ und „Bitte geben Sie Ihr Passwort ein“. Was den Benutzernamen betrifft, ist es einfach zu sagen, aber „ Bitte geben Sie Ihr Passwort ein“ wird im Passwortfeld angezeigt. Diese Art von Sprache ist etwas problematisch, da der in das Passwortfeld eingegebene Inhalt nicht in klarem Code angezeigt wird. Wenn das Typattribut dynamisch gesteuert wird, treten Kompatibilitätsprobleme auf. Wenn die Eingabe bereits auf der Seite vorhanden ist, ist das Typattribut in IE8 und Browsern unter IE8 schreibgeschützt. Also muss ich mir andere Möglichkeiten überlegen. Der Code lautet wie folgt:
<html>
<head>
<meta charset="gb2312">
<title脚本之家</title>
<style type="text/css">
#tx{
width:100px;
}
#pwd{
display:none;
width:100px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var tx=document.getElementById("tx");
var pwd=document.getElementById("pwd");
tx.onfocus=function(){
if(this.value!="密码")
return;
this.style.display="none";
pwd.style.display="block";
pwd.value="";
pwd.focus();
}
pwd.onblur=function(){
if(this.value!=""){
return;
}
this.style.display="none";
tx.style.display="";
tx.value="密码";
}
}
</script>
</head>
<body>
<input type="text" value="密码" id="tx"/>
<input type="password" id="pwd" />
</body>
</html>
Das Implementierungsprinzip ist sehr einfach. Im Standardzustand wird das Textfeld mit type="text" angezeigt. Beim Klicken auf das Textfeld wird das ursprünglich angezeigte Textfeld ausgeblendet , was bedeutet, dass es sich lediglich um einen Ersatz handelt.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Wie kann man abgelaufene WeChat-Dateien wiederherstellen? Können abgelaufene WeChat-Dateien wiederhergestellt werden?
Feb 22, 2024 pm 02:46 PM
Öffnen Sie WeChat, wählen Sie „Einstellungen“ in „Ich“, wählen Sie „Allgemein“ und dann „Speicherplatz“, wählen Sie „Verwaltung“ unter „Speicherplatz“, wählen Sie die Konversation aus, in der Sie Dateien wiederherstellen möchten, und wählen Sie das Ausrufezeichen-Symbol aus. Tutorial Anwendbares Modell: iPhone13 System: iOS15.3 Version: WeChat 8.0.24 Analyse 1 Öffnen Sie zunächst WeChat und klicken Sie auf der Seite „Mein“ auf die Option „Einstellungen“. 2 Suchen Sie dann auf der Einstellungsseite nach „Allgemeine Optionen“ und klicken Sie darauf. 3Klicken Sie dann auf der allgemeinen Seite auf Speicherplatz. 4 Klicken Sie anschließend auf der Seite „Speicherplatz“ auf „Verwalten“. 5Wählen Sie abschließend die Konversation aus, in der Sie Dateien wiederherstellen möchten, und klicken Sie rechts auf das Ausrufezeichen-Symbol. Ergänzung: WeChat-Dateien verfallen in der Regel nach einigen Tagen. Wenn die von WeChat empfangene Datei nicht angeklickt wurde, löscht das WeChat-System sie nach 72 Stunden.
So stellen Sie den Browserverlauf im Inkognito-Modus wieder her
Feb 19, 2024 pm 04:22 PM
Privates Surfen ist eine sehr bequeme Möglichkeit, beim Surfen im Internet auf Ihrem Computer oder Mobilgerät zu surfen und Ihre Privatsphäre zu schützen. Der private Browsermodus verhindert normalerweise, dass der Browser Ihren Besuchsverlauf aufzeichnet, Cookies und Cache-Dateien speichert und verhindert, dass die von Ihnen besuchte Website Spuren im Browser hinterlässt. In einigen Sonderfällen müssen wir jedoch möglicherweise den Browserverlauf des privaten Surfens wiederherstellen. Zunächst müssen wir klarstellen: Der Zweck des privaten Browsermodus besteht darin, die Privatsphäre zu schützen und zu verhindern, dass andere den Online-Verlauf des Benutzers vom Browser abrufen. Daher Inkognito-Surfen
So stellen Sie den Chat-Funken auf TikTok wieder her
Mar 16, 2024 pm 01:25 PM
Auf Douyin, einer Kurzvideoplattform voller Kreativität und Vitalität, können wir nicht nur eine Vielzahl spannender Inhalte genießen, sondern auch intensiv mit gleichgesinnten Freunden kommunizieren. Unter anderem sind Chat-Funken ein wichtiger Indikator für die Intensität der Interaktion zwischen den beiden Parteien und entfachen oft ungewollt die emotionale Bindung zwischen uns und unseren Freunden. Aus bestimmten Gründen kann es jedoch vorkommen, dass der Chat-Funken unterbrochen wird. Was sollten wir also tun, wenn wir den Chat-Funken wiederherstellen möchten, in der Hoffnung, dass er allen hilft? Wie kann man den Funken des Douyin-Chats wiederherstellen? 1. Öffnen Sie die Douyin-Nachrichtenseite und wählen Sie einen Freund zum Chatten aus. 2. Senden Sie Nachrichten und chatten Sie miteinander. 3. Wenn Sie 3 Tage lang ununterbrochen Nachrichten senden, können Sie das Spark-Logo erhalten. Schicken Sie sich alle drei Tage gegenseitig Bilder oder Videos
So stellen Sie das Xiaomi Cloud-Fotoalbum lokal wieder her
Feb 24, 2024 pm 03:28 PM
Wie kann man Xiaomi Cloud Photo Album lokal wiederherstellen? Die meisten Freunde wissen nicht, wie man Xiaomi Cloud Photo Album lokal wiederherstellt. Lokale Methoden-Grafik-Tutorials, interessierte Benutzer kommen vorbei und schauen sich um! So stellen Sie das Xiaomi-Cloud-Fotoalbum lokal wieder her 1. Öffnen Sie zunächst die Einstellungsfunktion im Xiaomi-Telefon und wählen Sie [Persönlicher Avatar] auf der Hauptoberfläche. 2. Rufen Sie dann die Xiaomi-Kontooberfläche auf und klicken Sie auf die Funktion [Cloud-Dienst]. Springen Sie zu Xiaomi. Wählen Sie für die Funktion des Cloud-Dienstes [Cloud-Backup] aus. 4. Klicken Sie abschließend in der unten gezeigten Benutzeroberfläche auf [Cloud-Album], um das Album lokal wiederherzustellen.
So stellen Sie das Standardhintergrundbild in Win10 wieder her
Feb 10, 2024 pm 10:51 PM
Das Windows 10-Update vom Mai 2019 bietet einen neuen, helleren Standard-Desktop-Hintergrund. Es sieht toll aus – mit dem neuen Lichtthema. Wenn Sie das dunkle Design von Windows 10 verwenden, möchten Sie möglicherweise einen dunkleren Hintergrund. Seltsamerweise wurde der ursprüngliche Windows 10-Desktophintergrund aus der neuesten Version von Windows 10 entfernt. Sie müssen es aus dem Internet herunterladen oder seine Dateien von einem alten Windows 10-PC kopieren. Obwohl wir dieses Hintergrundbild nicht auf der offiziellen Website von Microsoft finden konnten, können Sie es von anderen Quellen herunterladen. Wir haben auf Imgur eine Kopie des Original-Desktophintergrunds von Windows 10 in 4K-Auflösung gefunden. Darüber hinaus gibt es andere Größen und mehr Standardwände
So entfernen Sie Viren vollständig von Mobiltelefonen. Empfohlene Methoden zum Umgang mit Viren in Mobiltelefonen
Feb 29, 2024 am 10:52 AM
Nachdem ein Mobiltelefon mit einem bestimmten Trojaner infiziert wurde, kann es von einer Antivirensoftware nicht erkannt und abgetötet werden. Dieses Prinzip ähnelt einem Computer, der mit einem hartnäckigen Virus infiziert ist. Der Virus kann nur durch Formatieren des Laufwerks C vollständig entfernt werden Nach der Neuinstallation des Systems erkläre ich Ihnen, wie Sie den Virus vollständig entfernen, nachdem das Mobiltelefon mit einem hartnäckigen Virus infiziert ist. Methode 1: Öffnen Sie das Telefon und klicken Sie auf „Einstellungen“ – „Andere Einstellungen“ – „Telefon wiederherstellen“, um das Telefon auf die Werkseinstellungen zurückzusetzen. Hinweis: Bevor Sie die Werkseinstellungen wiederherstellen, müssen Sie die wichtigen Daten im Telefon sichern zu denen des Computers. „Es ist dasselbe wie das Formatieren und Neuinstallieren des Systems.“ Methode 2 (1) Schalten Sie zuerst das Telefon aus und halten Sie dann die „Einschalttaste“ gedrückt „ + „Lautstärke +-Taste oder Lautstärke –-Taste“ am Telefon gleichzeitig drücken.
So stellen Sie gelöschte Emmo-Tagebücher wieder her
Feb 27, 2024 pm 04:40 PM
Emmo Diary ist eine Software, die speziell zum Aufzeichnen Ihrer Stimmung entwickelt wurde. Sie bietet Ihnen einen privaten Tagebuchbereich, in dem Sie jeden Tag wichtige oder triviale Dinge aufzeichnen können. Durch die einzigartige Emotionserkennungstechnologie kann Emmo Diary Ihnen auch dabei helfen, Ihre Emotionen besser zu verstehen und damit umzugehen. Aber manchmal stelle ich fest, dass mein Tagebuch versehentlich gelöscht wurde und ich nicht weiß, wie ich es wiederherstellen kann. Daher bietet Ihnen dieses Tutorial eine detaillierte Anleitung zur Wiederherstellung, in der Hoffnung, allen Bedürftigen zu helfen. Wie kann Emmo sein vorheriges Tagebuch abrufen? 1. Klicken Sie zum Aufrufen auf das Symbol [Einstellungen] in der unteren linken Ecke des Emmo-Auswahlbildschirms. 2. Wählen Sie das Symbol [Datensicherung und -wiederherstellung] auf dem Bildschirm aus und starten Sie den Vorgang.
Wie kann ich gelöschte Kommentare zu Xiaohongshu wiederherstellen? Irgendwelche Tipps für gelöschte Kommentare?
Mar 27, 2024 am 11:56 AM
Xiaohongshu ist eine beliebte soziale E-Commerce-Plattform, auf der Benutzer Einkaufserlebnisse, Lebensdetails usw. teilen können. Während der Nutzung kann es bei einigen Benutzern vorkommen, dass ihre Kommentare gelöscht werden. Wie kann man also gelöschte Kommentare zu Xiaohongshu wiederherstellen? 1. Wie kann ich gelöschte Kommentare zu Xiaohongshu wiederherstellen? Wenn sich herausstellt, dass ein Kommentar versehentlich gelöscht wurde, können Benutzer warten, bis das offizielle Xiaohongshu-Team ihn wiederherstellt. In diesem Fall ist es am besten, geduldig zu sein und abzuwarten, da das offizielle Team Kommentare möglicherweise nach einer Weile automatisch verarbeitet und fortsetzt. Wenn Sie feststellen, dass ein Kommentar gelöscht wurde, sollten Sie erwägen, ähnliche Inhalte erneut zu veröffentlichen. Stellen Sie jedoch beim erneuten Posten sicher, dass der Inhalt den Community-Richtlinien von Xiaohongshu entspricht, um eine erneute Entfernung zu vermeiden. 3. Wenden Sie sich an den Kundendienst von Xiaohongshu: Wenn Sie der Meinung sind, dass Ihr Kommentar falsch war
