Heim > Artikel > Web-Frontend > JS-Methode zum Löschen des Textfeldinhalts und zum Auslösen von JS, wenn das Textfeld wiederhergestellt wird und die Maus die Textfeld_Javascript-Fähigkeiten verlässt

JS-Methode zum Löschen des Textfeldinhalts und zum Auslösen von JS, wenn das Textfeld wiederhergestellt wird und die Maus die Textfeld_Javascript-Fähigkeiten verlässt

WBOYOriginal: 2016-05-16 15:20:421431Durchsuche

Die Textfelder, die auf mehreren 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:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<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>

Der obige Code erfüllt unsere Anforderungen. Wenn zu diesem Zeitpunkt der Mausfokus das Textfeld verlässt, kann der Inhalt im Textfeld gelöscht werden Der Wert des Textfelds wird auf den Standardzustand zurückgesetzt. Wenn das Passwortfeld jedoch etwas problematisch ist, weil das Passwortfeld nicht im Klartext angezeigt wird, kann die Lösung in der JavaScript-Implementierung der Eingabeaufforderung gefunden werden, wenn das Eingabefeld (Passwortfeld) erscheint.

So lösen Sie js aus, wenn die Maus das Textfeld verlässt

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="textBox.WebForm1" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript"> 
function validate() { 
var name = document.getElementById("txtName"); 
if (name.value == 2) { 
alert("你必须不是二!"); 
name.focus(); 
return false; 
} 
return true; 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:TextBox ID="txtName" onblur="validate();" runat="server" /> 
</div> 
</form> 
</body> 
</html>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ein leistungsstarker Crawler basierend auf Node.js, der gecrawlte Articles_node.js direkt veröffentlichen kannNächster Artikel：Ein leistungsstarker Crawler basierend auf Node.js, der gecrawlte Articles_node.js direkt veröffentlichen kann

In Verbindung stehende Artikel

Mehr sehen