Jq软键盘代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Jq软键盘

作者:汶纡 / 发布于2014/11/18/ 575


	//实例地址：http://www.pengyaou.com/LegendsZ/Images/FileImage/Jqsoftkeyboard.html
	$(function(){
	 var $write = $('#write'),
	 shift = false,
	 capslock = false;
	
	 $('#keyboard li').click(function(){
	 var $this = $(this),
	 character = $this.html();
	
	 if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
	 $('.letter').toggleClass('uppercase');
	 $('.symbol span').toggle();
	
	 shift = (shift === true) ? false : true;
	 capslock = false;
	 return false;
	 }
	
	 // Caps lock
	 if ($this.hasClass('capslock')) {
	 $('.letter').toggleClass('uppercase');
	 capslock = true;
	 return false;
	 }
	
	 // Delete
	 if ($this.hasClass('delete')) {
	 var html = $write.html();
	
	 $write.html(html.substr(0, html.length - 1));
	 return false;
	 }
	
	 // Special characters
	 if ($this.hasClass('symbol')) character = $('span:visible', $this).html();
	 if ($this.hasClass('space')) character = ' ';
	 if ($this.hasClass('tab')) character = "\t";
	 if ($this.hasClass('return')) character = "\n";
	
	 // Uppercase letter
	 if ($this.hasClass('uppercase')) character = character.toUpperCase();
	
	 // Remove shift once a key is clicked.
	 if (shift === true) {
	 $('.symbol span').toggle();
	 if (capslock === false) $('.letter').toggleClass('uppercase');
	
	 shift = false;
	 }
	
	 // Add the character
	 $write.html($write.html() + character);
	 });
	});

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　软键盘　

同语言下

可能有用的

汶纡贡献的其它代码(55)