»
Tiếng AnhTiếng PhápTiếng Việt

In - Giả lập bàn phím - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Ứng dụng » Giả lập bàn phím
URL: https://www.javascriptbank.com/type-writer-script.html

Giả lập bàn phím © JavaScriptBank.comHiệu ứng tạo một bàn phím ảo trên trang web.

Phiên bản đầy đủ: jsB@nk » Ứng dụng » Giả lập bàn phím
URL: https://www.javascriptbank.com/type-writer-script.html



JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction copyit(theField) {var tempval=eval("document."+theField)tempval.focus()tempval.select()therange=tempval.createTextRange()therange.execCommand("Copy")}//  End --></script><SCRIPT Language = "JavaScript">function doa () {var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"a"}function dob (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"b"}function doc (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"c"}function dod (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"d"}function doe (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"e"}function dof (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"f"}function dog (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"g"}function doh (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"h"}function doi (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"i"}function doj (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"j"}function dok (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"k"}function dol (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"l"}function dom (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"m"}function don (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"n"}function doo (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"o"}function dop (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"p"}function doq (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"q"}function dor (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"r"}function dos (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"s"}function dot (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"t"}function dou (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"u"}function dov (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"v"}function dow (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"w"}function dox (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"x"}function doy (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"y"}function doz (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"z"}function doa2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"A"}function dob2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"B"}function doc2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"C"}function dod2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"D"}function doe2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"E"}function dof2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"F"}function dog2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"G"}function doh2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"H"}function doi2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"I"}function doj2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"J"}function dok2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"K"}function dol2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"L"}function dom2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"M"}function don2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"N"}function doo2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"O"}function dop2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"P"}function doq2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"Q"}function dor2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"R"}function dos2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"S"}function dot2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"T"}function dou2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"U"}function dov2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"V"}function dow2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"W"}function dox2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"X"}function doy2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"Y"}function doz2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"Z"}function dospace (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +" "}function doclear (){document.it.select1.value = ""}function dosqu (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"~"}function dotop (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"`"}function do1 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"1"}function do2 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"2"}function do3 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"3"}function do4 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"4"}function do5 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"5"}function do6 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"6"}function do7  (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"7"}function do8 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"8"}function do9 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"9"}function do0 (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"0"}function doexc (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"!"}function doat (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"@"}function donum (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"#"}function dodol (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"$"}function doperc (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"%"}function doup (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"^"}function doand (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"&"}function doast (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"*"}function doopenp (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"("}function doclosep (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +")"}function dodas (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"-"}function dound (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"_"} function doequ (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"="}function doplu (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"+"}function dobrao  (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"["}function dobrac (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"]"}function dobsla (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"\\"}function doline (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"|"}function dosemc (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +";"}function docol (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +":"}function doapo (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"'"}function doquote (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"\""}function dosla (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"/"}function doque (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"?"}function docloseh (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"<"}function doopenh (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +">"}function doper (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +"."}function docomm (){var text= document.it.select1.valuedocument.it.select1.value = ""+ text +","}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<form name="it"><div align="center"><input onclick="copyit('it.select1')" type="button" value="Press to Copy Text" name="cpy" class=button><p><textarea name="select1" rows="13" cols="50"></textarea></div></form><TABLE Align="Center" VAlign="Top" bgcolor="C1C1C1">    <TR>      <TD><center><INPUT Type="Button" Name="type" value="a" onclick="doa()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="b" onclick="dob()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="c" onclick="doc()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="d" onclick="dod()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="e" onclick="doe()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="f" onclick="dof()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="g" onclick="dog()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="h" onclick="doh()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="i" onclick="doi()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="j" onclick="doj()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="k" onclick="dok()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="l" onclick="dol()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="m" onclick="dom()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="n" onclick="don()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="o" onclick="doo()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="p" onclick="dop()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="q" onclick="doq()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="r" onclick="dor()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="s" onclick="dos()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="t" onclick="dot()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="u" onclick="dou()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="v" onclick="dov()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="w" onclick="dow()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="x" onclick="dox()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="y" onclick="doy()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="z" onclick="doz()" CLASS=button></INPUT><BR><BR>&nbsp;&nbsp;<INPUT Type="Button" Name="type" value="A" onclick="doa2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="B" onclick="dob2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="C" onclick="doc2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="D" onclick="dod2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="E" onclick="doe2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="F" onclick="dof2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="G" onclick="dog2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="H" onclick="doh2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="I" onclick="doi2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="J" onclick="doj2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="K" onclick="dok2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="L" onclick="dol2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="M" onclick="dom2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="N" onclick="don2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="O" onclick="doo2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="P" onclick="dop2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="Q" onclick="doq2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="R" onclick="dor2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="S" onclick="dos2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="T" onclick="dot2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="U" onclick="dou2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="V" onclick="dov2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="Z" onclick="dow2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="X" onclick="dox2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="Y" onclick="doy2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="Z" onclick="doz2()" CLASS=button></INPUT>&nbsp;&nbsp;<BR><BR><INPUT Type="Button" Name="type" value="!" onclick="doexc()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="@" onclick="doat()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="#" onclick="donum()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="$" onclick="dodol()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="%" onclick="doperc()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="^" onclick="doup()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="&" onclick="doand()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="*" onclick="doast()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="(" onclick="doopenp()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value=")" onclick="doclosep()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="-" onclick="dodas()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="_" onclick="dound()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="=" onclick="doequ()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="+" onclick="doplu()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="`" onclick="dotop()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="~" onclick="dosqu()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="[" onclick="dobrao()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="]" onclick="dobrac()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="|" onclick="doline()" CLASS=button></INPUT><BR><BR><INPUT Type="Button" Name="type" value="\" onclick="dobsla()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value=";" onclick="dosemc()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value=":" onclick="docol()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="'" onclick="doapo()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="''" onclick="doquote()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value=">" onclick="doopenh()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="<" onclick="docloseh()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="," onclick="docomm()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="." onclick="doper()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="/" onclick="dosla()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="?" onclick="doque()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="1" onclick="do1()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="2" onclick="do2()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="3" onclick="do3()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="4" onclick="do4()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="5" onclick="do5()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="6" onclick="do6()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="7" onclick="do7()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="8" onclick="do8()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="9" onclick="do9()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="0" onclick="do0()" CLASS=button></INPUT><BR><BR><INPUT Type="Button" Name="type" value="Space" onclick="dospace()" CLASS=button></INPUT>&nbsp;<INPUT Type="Button" Name="type" value="Clear" onclick="doclear()" CLASS=button></INPUT>&nbsp;</TD></tr></TABLE></FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->