Heim > Web-Frontend > js-Tutorial > Grundlegende Erklärung der jQuery-Ereignisbindungsfunktion

Grundlegende Erklärung der jQuery-Ereignisbindungsfunktion

小云云
Freigeben: 2018-01-25 11:01:52
Original
1425 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die von jQuery implementierte Ereignisbindungsfunktion vor. Er analysiert die Implementierung und Verwendung der jQuery-Ereignisbindung anhand einfacher Formularüberprüfungsbeispiele. Ich hoffe, dass er allen helfen kann.

HTML-Text:


用户名:<input type="text" value="邮箱/用户名/手机号" id="login"/><br>
密 码:<input type="password" id="passwd"><br>
<input type="button" value="登陆" id="operation"/>
Nach dem Login kopieren

Javascript-Operationscode:


//获取焦点事件
$("#login").focus(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==$defaultVale){
  $(this).val("");
 }else{
  $(this).val($realValue);
 }
});
//失去焦点事件
$("#login").blur(function(){
 var $realValue=$(this).val();
 var $defaultVale=this.defaultValue;
 if($realValue==""){
  $(this).val($defaultVale);
 }else{
  $(this).val($realValue);
 }
});
//登陆绑定事件:实际项目中一般使用md5进行单向加密,然后传递后台验证身份
$("#operation").click(function(){
var $realValue=$("#login").val();
var $passwd=$("#passwd").val();
if($realValue=="squirrel"||$passwd=="xiaoyang"){
  alert("验证成功");
}else{
  alert("验证失败");
}
});
Nach dem Login kopieren

Wirkung:

Verwandte Empfehlungen:

Ausführliche Erklärung der Grundlagen der jQuery-Implementierung Ereignisbindungsfunktion

Detaillierte Erläuterung der Javascript-Ereignisbindung, des Auslösens und Löschens von Beispielcode

Javascript-Ereignisdelegation und jQuery-Ereignisbindung an, aus und eins


Das obige ist der detaillierte Inhalt vonGrundlegende Erklärung der jQuery-Ereignisbindungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage