ウェブアプリでも大変Windows Formアプリに近いことができるんですが、今日その一環としてAlt+Sなどのショートカットキーをどうにかしてウェブアプリでもできないかとがんばっていました。一時間ぐらいリサーチしてましたが、できなかったのであきらめかけようとしてたら同僚が、「俺にもリサーチさせろ」と言ってきました。すると20分ぐらいしたら、できたぞ！といって問題を解決しやがったのです。私は初めはこんな感じでやっていました。
<input type=”button” onclick=”SomeFunction();” value=”Save” id=”btnSave” accesskey=”s”>
でも上の方法だと、アンダーラインがSの下につきません。value=”Save”とやってもそのまま表示されてしまいます。どうにかしてアンダーラインをつけようとtext-decoration:underlineなどをやってみたのですが、だめでした。同僚が取った方法は
<button onclick=”SomeFunction();” id=”btnSave” accesskey=”s”><u>S</u>ave</button>
こうするとSの下にきちんとアンダーラインがついたボタンができて、Alt+Sを押すとonclickイベントが起こります。同僚に簡単に解決されて悔しいけど、非常に面白いと思いました。お試しあれ。
コメント書き込み