input Number Key

input Number Key only
input 僅輸入數字鍵

<pre><b>input Number Key only input 僅輸入數字鍵</b> <<c>input type="text" <r>onkeyup</r>="CT(this)"> <<c>script> function CT(x) { var ls = x.value.substr(-1) ; if(ls.charCodeAt(0) >= 42 && ls.charCodeAt(0)<= 57){return } x.value=x.value.substr( 0,x.value.length-1 ) } <<c>/script> input only [0 to 9] , [+ - * /]</pre> <script> function CT(x) { var ls = x.value.substr(-1) ; if(ls.charCodeAt(0) >= 42 && ls.charCodeAt(0)<= 57){return } x.value=x.value.substr( 0,x.value.length-1 ) } </script> <input type="text" onkeyup="CT(this)"> <div id="DP"></div> <style> input:focus {background-color: yellow} input {background-color: lime } pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:25px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><b>input Number Key only input 僅輸入數字鍵</b> <<c>input type="text" <r>onkeypress</r>="return isNumberKey(event)" > <<c>script> function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode >= 42 && charCode <= 57){return true;} if (charCode == 13){return true;} return false; } <<c>/script> input only [0 to 9] , [+ - * /]</pre> <script> function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode >= 42 && charCode <= 57){return true;} if (charCode == 13){return true;} return false; } </script> <input type="text" onkeypress="return isNumberKey(event)" > <style> input:focus {background-color: yellow} input {background-color: lime } pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } b{font-size:25px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><bb>input on mouseove</bb> <input type="text" size="20" value="11" /> <input type="text" size="20" value="22" /> <input type="text" size="20" value="33" /> <input type="text" size="20" value="44" /> <input type="text" size="20" value="55" /> <<c>script> var Tag= document.querySelectorAll("input") ; Tag.forEach((round) => { round.addEventListener("mouseover", function() { round.select() ; }) }) <<c>/script> </pre> <script> var Tag= document.querySelectorAll("input") ; Tag.forEach((round) => { round.addEventListener("mouseover", function() { round.select() ; }) }) </script> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } bb{font-size:25px;color:blue;font-weight : bold;} b{font-size:20px;color:blue;} r{font-size:20px;color:red;} </style>

00

<pre><bb>Activate the next input field 激活下一個輸入字段</bb> <input type="text" size="20" value="11" /> <input type="text" size="20" value="22" /> <input type="text" size="20" value="33" /> <input type="text" size="20" value="44" /> <input type="text" size="20" value="55" /> <div id="dp"></div> <<c>script> var Tag= document.querySelectorAll("input") ; Tag.forEach((round) => { round.addEventListener("keypress", function(e) { if(e.key == "Enter"){ var ii = [...Tag].indexOf(event.target); if(ii > Tag.length-2){ii=-1} Tag[ii+1 ].select() } }) }) <<c>/script> </pre> <script> var Tag= document.querySelectorAll("input") ; Tag.forEach((round) => { round.addEventListener("keypress", function(e) { if(e.key == "Enter"){ var ii = [...Tag].indexOf(event.target); if(ii > Tag.length-2){ii=-1} Tag[ii+1 ].select() } //dp.innerHTML =e.key ; //dp.innerHTML = Tag.length ; //dp.innerHTML = [...Tag].indexOf(event.target) //dp.innerHTML = [...Tag].indexOf(event.target) ; //const index = [...form].indexOf(event.target) }) }) </script> <style> input {cursor:pointer;} pre { font-size: 20px ; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } bb{font-size:25px;color:blue;font-weight : bold;} b{font-size:20px;color:blue;} r{font-size:20px;color:red;} </style>

00

Edit

#html #網頁格式 #script #div #input #input 僅輸入數字鍵 #input Number Key only