(Sample)

accesskey属性を使うことでショートカットキーでWebアプリケーションを操作できるようになります。Altキーとアルファベットを同時に押します。

熟練者にはマウスよりもショートカットキーが喜ばれるでしょう。

この例ではリンクにaccesskeyを振っていますが、フォーム部品などに振ることも可能です。

<!DOCTYPE html>
<html>
    <head>
        <title>accesskey.html</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            a{
                text-decoration: none;
            }
        </style>
    </head>
    <body>
        <div>
            <div><a href="https://saycon.co.jp/touchtype/" accesskey="j">Javaタイピング(Alt +<u>J</u>)</a></div>
            <div><a href="https://www.saycon.co.jp/touchtypeC/" accesskey="c">Cタイピング(Alt + <u>C</u>)</a></div>
            <div><a href="https://www.saycon.co.jp/touchtypePY/" accesskey="p">Pythonタイピング(Alt + <u>P</u>)</a></div>
        </div>
    </body>
</html>
Webアプリケーション制作のための小ネタ集　目次に戻る

マウスではなくショートカットキーで操作したい　最後までお読みいただきありがとうございます。

研修のカリキュラムを見てみる