Quizlet 「学習」の「単語カード」問題でキーボードで操作できるようにする

Quizletというオンライン学習サービスがあります。
今回はそのサービスにおける「学習」機能にある「単語カード」で、カードの裏返しをキーボードのEnterキーで出来るようにしよう！というお話です。

目次

• 目次
• 動作確認環境
• スクリプト
• 使い方
• 簡単な解説
• 注意事項
• あとがき

動作確認環境

• Firefox 72.0.2 64bit

スクリプト

window.document.onkeydown = function(event){
    if (event.key === 'Enter') document.getElementsByClassName("AssistantScrollableViewLayout-content")[0].click();
}

使い方

1. Quizletの「学習」ページにて、F12キーを押します。
2. 上部タブから「コンソール (Console)」を開きます。
3. 下部のテキストボックスに上記のスクリプトを入力し、Enterしてください。
4. 通常のウィンドウに戻り、Enterキーで「単語カード」が裏返されるかどうか試してみてください。

簡単な解説

• onkeydownに無名関数を追加
• event.keyがEnterであるときに、AssistantScrollableViewLayout-contentのクラスに属する1つ目の要素をクリックします。

注意事項

• この記事に記載されている内容を実行し、発生したいかなる問題について当サイト管理者は一切責任を負いません。自己責任でお願いします。
• Quizlet側でクラスが変更されたりすると、当然ながら動かなくなります。この場合、次をお試しください。
  1. 「単語カード」画面において、単語を右クリックします。
  2. 「要素を調査」をクリックします。
  3. div要素が表示されるため、該当項目を囲うdiv要素のクラス名を取得し、スクリプトのAssistantScrollableViewLayout-contentを置き換えてください。

あとがき

最後の投稿から2か月が経過しそろそろ投稿したほうがいい感じになってきたので、連日なんかネタがないものかと考えてましたがイマイチ良いネタがなかったので適当に小技みたいなのを備忘録的に書いておくことにしました。はい。