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-Tutorial-php.cn

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

WBOY

Freigeben： 2016-05-16 15:20:42

Original

1481 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren