{"id":159,"date":"2007-06-06T11:02:41","date_gmt":"2007-06-06T09:02:41","guid":{"rendered":"http:\/\/luca.lovalvo.net\/1_luca_lo_valvo\/archive\/191_control_du_clavier_javascript.html"},"modified":"2022-11-04T15:58:44","modified_gmt":"2022-11-04T14:58:44","slug":"control-du-clavier-javascript","status":"publish","type":"post","link":"https:\/\/luca.lovalvo.ch\/blog\/control-du-clavier-javascript\/","title":{"rendered":"Control du clavier javascript"},"content":{"rendered":"<p>Le petit script qui suit, permet de lancer des actions\/ fonction javascript via la pression d&#39;une touche du clavier<\/p>\n<p>Premi&egrave;rement, il faut un script, permettant d&#39;afficher le num&eacute;ro de la touche sur laquel on d&eacute;sire une action :<\/p>\n<p>&lt;script language=&quot;JavaScript&quot;&gt;<br \/>document.onkeydown = checkKeycode<br \/>function checkKeycode(e) {<br \/>var keycode;<br \/>if (window.event) keycode = window.event.keyCode;<br \/>else if (e) keycode = e.which;<br \/>alert(&quot;keycode: &quot; + keycode);<br \/>}<br \/>&lt;\/script&gt; <\/p>\n<p>copier\/coller ce code, afin d&#39;afficher dans une Alert() le num&eacute;ro de la touche.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Action suite a la pression d une touche<\/strong><\/p>\n<p>&nbsp;&lt;script language=&quot;JavaScript&quot;&gt;<br \/>document.onkeydown = checkKeycode<br \/>function checkKeycode(e) {<br \/>var keycode;<br \/>if (window.event) keycode = window.event.keyCode;<br \/>else if (e) keycode = e.which;<br \/><font color=\"#3366ff\">if(keycode == 191)<\/font>{<br \/>alert(&quot;aaa&quot;);<br \/>}<br \/>}<br \/>&lt;\/script&gt;<\/p>\n<p>Ce script d&eacute;clanchera une alert contenant &quot;aaa&quot; lorce que l&#39;on appuyera sur la touche &quot;&sect;&quot;<\/p>\n<p>Il suffit de modifier la ligne <br \/><font color=\"#3366ff\">if(keycode == <font color=\"#ff0000\">191<\/font>) et remplacer &quot;<\/font><font color=\"#3366ff\"><font color=\"#ff0000\">191<\/font><\/font><font color=\"#3366ff\">&quot; <font color=\"#000000\">par le num&eacute;ro de la touche trouv&eacute; &agrave; l&#39;aide du premier script \ud83d\ude42<\/p>\n<p>Complexe hein?<\/font><\/font><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le petit script qui suit, permet de lancer des actions\/ fonction javascript via la pression d&#39;une touche du clavier Premi&egrave;rement, il faut un script, permettant d&#39;afficher le num&eacute;ro de la touche sur laquel on d&eacute;sire une action : &lt;script language=&quot;JavaScript&quot;&gt;document.onkeydown = checkKeycodefunction checkKeycode(e) {var keycode;if (window.event) keycode = window.event.keyCode;else if (e) keycode = e.which;alert(&quot;keycode: &quot; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-159","post","type-post","status-publish","format-standard","hentry","category-programmation"],"_links":{"self":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":1,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/159\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/159\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/media?parent=159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/categories?post=159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/tags?post=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}