Heim > Web-Frontend > js-Tutorial > Hauptteil

Reiner JavaScript-Code zum Entsperren von Zeichnungen auf mobilen Geräten. Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:36:27
Original
1827 Leute haben es durchsucht

Es gibt eine Anwendung zum Entsperren des Bildschirms auf Mobiltelefonen, die meiner Meinung nach jedem bekannt ist. Auf Mobilgeräten können Benutzer die Benutzeroberfläche des Geräts sperren, indem sie ein Sperrmuster als Passwort festlegen unten.

Das Rendering ist unten dargestellt


JavaScript-Code

<script> 
 $("#gesturepwd").GesturePasswd({ 
backgroundColor:"#2980B9", //背景色 
color:"#FFFFFF",  //主要的控件颜色 
roundRadii:50,  //大圆点的半径 
pointRadii:12, //大圆点被选中时显示的圆心的半径 
space:60, //大圆点之间的间隙 
width:480,  //整个组件的宽度 
height:480, //整个组件的高度 
lineColor:"#ECF0F1",  //用户划出线条的颜色 
zindex :100 //整个组件的css z-index属性 
}); 
 $("#gesturepwd").on("hasPasswd",function(e,passwd){ 
  var result; 
 if(passwd == "1235789"){ 
  result=true; 
 } 
  else { 
   result=false; 
  } 
  if(result == true){ 
   $("#gesturepwd").trigger("passwdRight"); 
   setTimeout(function(){ 
    //密码验证正确后的其他操作,打开新的页面等。。。 
    alert("Pattern is correct") 
   },500); //延迟半秒以照顾视觉效果 
  } 
  else{ 
   $("#gesturepwd").trigger("passwdWrong"); 
   //密码验证错误后的其他操作。。。 
  } 
 }); 
</script> 
Nach dem Login kopieren

Der obige Code ist auch sehr einfach, um das Entsperren von Zeichnungen auf Mobilgeräten zu ermöglichen. Dies ist natürlich der Kerncode, den andere entsprechend ihren eigenen Bedürfnissen verwenden müssen. Ich hoffe, dass das Teilen dieses Artikels allen helfen kann.

Verwandte Etiketten:
js
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!