lineGit初心者が使うコマンド一覧!動画編集YOUTUBERが使っている効果音10選(ダウンロード可能)その他クラウドファンディングでプロジェクトを成功させた方法SEO対策なぜ?読まれない。今回は、KeyCode一覧とkeydownイベントのDEMOプログラムを作成しました。以下がそのコードとサンプルです。押させるということがやりたかったのですが、やり方わからず。}});</script>DEMOの使い方は、好きなキーをタイプしてもらってCODE一覧の色が変わるというものです。0を押すと...表の48と丸の色が一緒になることがわかるかとおもいます。CodePen.この48というものがKeyCodeというもので、Javascript、jQuery等でKey操作を行う時に使う必要な番号になります。0はKeyDownイベントを使っていますが、1はKeyUpイベントを使っています。Downは押した時に色が変わりUpはキーから手を離した時に色がかわると思います。HiranoNagasaki→Tokyo→China(Shenzhen)1992/07/02宮崎産まれ、長崎育ち。前職は、東京のベンチャー企業(IT関連)で仕事をしておりその経験からホームページ作成。運営を行なっています。現在は、中国(深圳市)に住んでおりホームページの運営からYouTube動画の作成等いろいろな活動をしています。「小学生からわかるプログラミング」ということで、以前は「HTML&CSS」について勉強していきました!今回は「Progate」の「JavaScript初級編」で「JavaScript」の基本を学...Javascript【jQuery】便利なテキストボックス連動方法(keyup)jQueryでテキストボックスの1つに文字を打ち込むと、もう1つのテキストボックスに文字が打ち込まれるというコード作りました。どこいった場面で利用できるかパットは思いつきませんが、「keyup」イベントについて理解が深められるかと思います。Javascript使い方が難しいisFinite...数値と文字の判定!文字か数値かの判定が下記のコードでできます。使い方が難しくて、自分でもなかなか理解できていません。その理由としては、もっとホームページを使い易く、見易くするためです。郵便番号を「XXX-XXXX」で打ち込まなければいけない。Web読み込みなどで、待機している時にアニメーションを見ることがあるかと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。HiranoNagasaki→Tokyo→China(Shenzhen)1992/07/02宮崎産まれ、長崎育ち。前職は、東京のベンチャー企業(IT関連)で仕事をしておりその経験からホームページ作成。運営を行なっています。現在は、中国(深圳市)に住んでおりホームページの運営からYouTube動画の作成等いろいろな活動をしています。me!アフィリエイト歴2年。【WordPress】有料テーマは不要。初心者が知っておくべきテーマ事情!ホームページ作成(何から始める?)初心者の心得Amazonを使って0円転売アフィリエイトでの悩み。HiranoNagasaki→Tokyo→China(Shenzhen)1992/07/02宮崎産まれ、長崎育ち。前職は、東京のベンチャー企業(IT関連)で仕事をしておりその経験からホームページ作成。運営を行なっています。現在は、中国(深圳市)に住んでおりホームページの運営からYouTube動画の作成等いろいろな活動をしています。USBWordPress初心者が読むべき本$(window).keydown(function(e){if(e.keyCode===48){$("#keytype").text("0");$("#keytype").css("background","purple");$(".48").css("background","purple");$(".48").css("color","#FFF")}});$(window).keyup(function(e){if(e.keyCode===49){$("#keytype").text("1");$("#keytype").css("background","darkred");$(".49").css("background","darkred");$(".49").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===50){$("#keytype").text("2");$("#keytype").css("background","saddlebrown");$(".50").css("background","saddlebrown");$(".50").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===51){$("#keytype").text("3");$("#keytype").css("background","chocolate");$(".51").css("background","chocolate");$(".51").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===52){$("#keytype").text("4");$("#keytype").css("background","olive");$(".52").css("background","olive");$(".52").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===53){$("#keytype").text("5");$("#keytype").css("background","darkolivegreen");$(".53").css("background","darkolivegreen");$(".53").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===54){$("#keytype").text("6");$("#keytype").css("background","green");$(".54").css("background","green");$(".54").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===55){$("#keytype").text("7");$("#keytype").css("background","navy");$(".55").css("background","navy");$(".55").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===56){$("#keytype").text("8");$("#keytype").css("background","darkslateblue");$(".56").css("background","darkslateblue");$(".56").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===57){$("#keytype").text("9");$("#keytype").css("background","black");$(".57").css("background","black");$(".57").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===65){$("#keytype").text("A");$("#keytype").css("background","#07EEF7");$(".65").css("background","#07EEF7");$(".65").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===66){$("#keytype").text("B");$("#keytype").css("background","indianred");$(".66").css("background","indianred");$(".66").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===67){$("#keytype").text("C");$("#keytype").css("background","peru");$(".67").css("background","peru");$(".67").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===68){$("#keytype").text("D");$("#keytype").css("background","seagreen");$(".68").css("background","seagreen");$(".68").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===69){$("#keytype").text("E");$("#keytype").css("background","darkseagreen");$(".69").css("background","darkseagreen");$(".69").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===70){$("#keytype").text("F");$("#keytype").css("background","darkcyan");$(".70").css("background","darkcyan");$(".70").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===71){$("#keytype").text("G");$("#keytype").css("background","gray");$(".71").css("background","gray");$(".71").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===72){$("#keytype").text("H");$("#keytype").css("background","red");$(".72").css("background","red");$(".72").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===73){$("#keytype").text("I");$("#keytype").css("background","blueviolet");$(".73").css("background","blueviolet");$(".73").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===74){$("#keytype").text("J");$("#keytype").css("background","darkorchid");$(".74").css("background","darkorchid");$(".74").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===75){$("#keytype").text("K");$("#keytype").css("background","fuchsia");$(".75").css("background","fuchsia");$(".75").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===76){$("#keytype").text("L");$("#keytype").css("background","orchid");$(".76").css("background","orchid");$(".76").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===77){$("#keytype").text("M");$("#keytype").css("background","palevioletred");$(".77").css("background","palevioletred");$(".77").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===78){$("#keytype").text("N");$("#keytype").css("background","deeppink");$(".78").css("background","deeppink");$(".78").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===79){$("#keytype").text("O");$("#keytype").css("background","orangered");$(".79").css("background","orangered");$(".79").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===80){$("#keytype").text("P");$("#keytype").css("background","salmon");$(".80").css("background","salmon");$(".80").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===81){$("#keytype").text("Q");$("#keytype").css("background","darksalmon");$(".81").css("background","DarkSalmon");$(".81").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===82){$("#keytype").text("R");$("#keytype").css("background","tan");$(".82").css("background","tan");$(".82").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===83){$("#keytype").text("S");$("#keytype").css("background","goldenrod");$(".83").css("background","goldenrod");$(".83").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===84){$("#keytype").text("T");$("#keytype").css("background","orange");$(".84").css("background","orange");$(".84").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===85){$("#keytype").text("U");$("#keytype").css("background","yellow");$(".85").css("background","yellow");$(".85").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===86){$("#keytype").text("V");$("#keytype").css("background","chartreuse");$(".86").css("background","chartreuse");$(".86").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===87){$("#keytype").text("W");$("#keytype").css("background","yellowgreen");$(".87").css("background","yellowgreen");$(".87").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===88){$("#keytype").text("X");$("#keytype").css("background","lime");$(".88").css("background","lime");$(".88").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===89){$("#keytype").text("Y");$("#keytype").css("background","#A1E01C");$(".89").css("background","#A1E01C");$(".89").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===90){$("#keytype").text("Z");$("#keytype").css("background","darkturquoise");$(".90").css("background","darkturquoise");$(".90").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===112){$("#keytype").text("F1");$("#keytype").css("background","turquoise");$(".F1").css("background","turquoise");$(".F1").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===113){$("#keytype").text("F2");$("#keytype").css("background","cyan");$(".F2").css("background","cyan");$(".F2").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===114){$("#keytype").text("F3");$("#keytype").css("background","cornflowerblue");$(".F3").css("background","cornflowerblue");$(".F3").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===115){$("#keytype").text("F4");$("#keytype").css("background","mediumslateblu");$(".F4").css("background","mediumslateblu");$(".F4").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===116){$("#keytype").text("F5");$("#keytype").css("background","slateblue");$(".F5").css("background","slateblue");$(".F5").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===117){$("#keytype").text("F6");$("#keytype").css("background","lightslategray");$(".F6").css("background","lightslategray");$(".F6").css("co","#FFF")}});$(window).keydown(function(e){if(e.keyCode===118){$("#keytype").text("F7");$("#keytype").css("background","silver");$(".F7").css("background","silver");$(".F7").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===119){$("#keytype").text("F8");$("#keytype").css("background","thistle");$(".F8").css("background","thistle");$(".F8").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===120){$("#keytype").text("F9");$("#keytype").css("background","pink");$(".F9").css("background","pink");$(".F9").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===121){$("#keytype").text("F10");$("#keytype").css("background","peachpuff");$(".F10").css("background","peachpuff");$(".F10").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===122){$("#keytype").text("F11");$("#keytype").css("background","moccasin");$(".F11").css("background","moccasin");$(".F11").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===123){$("#keytype").text("F12");$("#keytype").css("background","khaki");$(".F12").css("background","khaki");$(".F12").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===96){$("#keytype").text("0");$("#keytype").css("background","palegreen");$(".0").css("background","palegreen");$(".0").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===97){$("#keytype").text("1");$("#keytype").css("background","paleturquoise");$(".1").css("background","paleturquoise");$(".1").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===98){$("#keytype").text("2");$("#keytype").css("background","lightskyblue");$(".2").css("background","lightskyblue");$(".2").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===99){$("#keytype").text("3");$("#keytype").css("background","lightsteelblue");$(".3").css("background","lightsteelblue");$(".3").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===100){$("#keytype").text("4");$("#keytype").css("background","gainsboro");$(".4").css("background","gainsboro");$(".4").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===101){$("#keytype").text("5");$("#keytype").css("background","lavenderblush");$(".5").css("background","lavenderblush");$(".5").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===102){$("#keytype").text("6");$("#keytype").css("background","antiquewhite");$(".6").css("background","antiquewhite");$(".6").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===103){$("#keytype").text("7");$("#keytype").css("background","lavendar");$(".7").css("background","lavendar");$(".7").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===104){$("#keytype").text("8");$("#keytype").css("background","oldlace");$(".8").css("background","oldlace");$(".8").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===105){$("#keytype").text("9");$("#keytype").css("background","lightblue");$(".9").css("background","lightblue");$(".9").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===106){$("#keytype").text("*");$("#keytype").css("background","bisque");$(".k106").css("background","bisque");$(".k106").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===107){$("#keytype").text("+");$("#keytype").css("background","deepskyblue");$(".k107").css("background","deepskyblue");$(".k107").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===109){$("#keytype").text("-");$("#keytype").css("background","red");$(".k109").css("background","");$(".k109").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===110){$("#keytype").text(".");$("#keytype").css("background","lightseagreen");$(".k110").css("background","lightseagreen");$(".k110").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===111){$("#keytype").text("/");$("#keytype").css("background","limegreen");$(".k111").css("background","limegreen");$(".k111").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===8){$("#keytype").text("BackSpace");$("#keytype").css("background","lightcoral");$(".BackSpace").css("background","lightcoral");$(".BackSpace").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===9){$("#keytype").text("Tab");$("#keytype").css("background","tomato");$(".Tab").css("background","tomato");$(".Tab").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===13){$("#keytype").text("Enter");$("#keytype").css("background","magenta");$(".Enter").css("background","magenta");$(".Enter").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===16){$("#keytype").text("Shift");$("#keytype").css("background","forestgreen");$(".Shift").css("background","forestgreen");$(".Shift").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===17){$("#keytype").text("Ctrl");$("#keytype").css("background","cadetblue");$(".Ctrl").css("background","cadetblue");$(".Ctrl").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===18){$("#keytype").text("Alt");$("#keytype").css("background","dimgray");$(".Alt").css("background","dimgray");$(".Alt").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===19){$("#keytype").text("PauseBreak");$("#keytype").css("background","indigo");$(".PauseBreak").css("background","indigo");$(".PauseBreak").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===20){$("#keytype").text("CapsLock");$("#keytype").css("background","DarkSalmon");$(".CapsLock").css("background","DarkSalmon");$(".CapsLock").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===27){$("#keytype").text("Esc");$("#keytype").css("background","MintCream");$(".Esc").css("background","MintCream");$(".Esc").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===32){$("#keytype").text("Space");$("#keytype").css("background","Beige");$(".Space").css("background","Beige");$(".Space").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===33){$("#keytype").text("PageUp");$("#keytype").css("background","LightPink");$(".PageUp").css("background","LightPink");$(".PageUp").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===34){$("#keytype").text("PageDown");$("#keytype").css("background","Green");$(".PageDown").css("background","Green");$(".PageDown").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===35){$("#keytype").text("End");$("#keytype").css("background","MediumAquamarine");$(".End").css("background","MediumAquamarine");$(".End").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===36){$("#keytype").text("Home");$("#keytype").css("background","LightSlateGray");$(".Home").css("background","LightSlateGray");$(".Home").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===37){$("#keytype").text("←");$("#keytype").css("background","PaleGreen");$(".k37").css("background","PaleGreen");$(".k37").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===38){$("#keytype").text("↑");$("#keytype").css("background","LightGrey");$(".k38").css("background","LightGrey");$(".k38").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===39){$("#keytype").text("→");$("#keytype").css("background","OliveDrab");$(".k39").css("background","OliveDrab");$(".k39").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===40){$("#keytype").text("↓");$("#keytype").css("background","RosyBrown");$(".k40").css("background","RosyBrown");$(".k40").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===45){$("#keytype").text("Insert");$("#keytype").css("background","YellowGreen");$(".Insert").css("background","YellowGreen");$(".Insert").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===46){$("#keytype").text("Delete");$("#keytype").css("background","LightSteelBlue");$(".Delete").css("background","LightSteelBlue");$(".Delete").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===144){$("#keytype").text("NumLock");$("#keytype").css("background","SlateBlue");$(".NumLock").css("background","SlateBlue");$(".NumLock").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===145){$("#keytype").text("ScrollLock");$("#keytype").css("background","red");$(".ScrollLock").css("background","red");$(".ScrollLock").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===186){$("#keytype").text("*:");$("#keytype").css("background","Khaki");$(".k186").css("background","Khaki");$(".k186").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===187){$("#keytype").text("+;");$("#keytype").css("background","red");$(".k187").css("background","red");$(".k187").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===188){$("#keytype").text("<,");$("#keytype").css("background","OrangeRed");$(".Enter").css("background","OrangeRed");$(".k188").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===189){$("#keytype").text("=-");$("#keytype").css("background","red");$(".k189").css("background","red");$(".k189").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===190){$("#keytype").text(">.");$("#keytype").css("background","SeaGreen");$(".k190").css("background","SeaGreen");$(".k190").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===191){$("#keytype").text("?/");$("#keytype").css("background","red");$(".k191").css("background","magenta");$(".k191").css("color","#FFF")}});$(window).keydown(function(e){if(e.keyCode===192){$("#keytype").text("@`");$("#keytype").css("background","OldLace");$(".k192").css("background","magenta");$(".K192").css("color","#FFF")}});。