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

Grundlegende Erklärung der jQuery-Ereignisbindungsfunktion

小云云
小云云Original
2018-01-25 11:01:521424Durchsuche

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"/>

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("验证失败");
}
});

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!

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