Downcodes のエディターでは、Anthropic が新しくリリースした Claude AI チャットボット デスクトップ アプリケーションについて説明します。このアプリケーションは現在正式にオンラインになっており、Mac および Windows システムをサポートしており、ユーザーは Anthropic の公式 Web サイトから無料でダウンロードできます。 Web バージョンと比較して、デスクトップ アプリケーションはより便利で高速なインタラクティブ エクスペリエンスを提供し、ユーザーはいつでもどこでもクロードと会話できるため、仕事と学習の効率が向上します。この記事では、Claude デスクトップ アプリケーションの機能的特徴、利点、他の AI チャットボットとの比較を詳細に紹介し、この強力な AI ツールを包括的に理解できるように、いくつかのよくある質問に答えます。
JavaScript では、キー名 (つまり、ユーザーが押したキーの名前) を通じて対応するキーボード keyCode を取得することが一般的な要件であり、主にキーボード イベント処理に使用されます。 keyCode を取得する方法には、キーボード イベントのリッスン、event.key 属性の使用、対応する keyCode マッピング テーブルの検索などがあります。その中で、キーボード イベントをリッスンするのが最も直接的な方法です。ユーザーがキーを押すと、ブラウザはキーボード イベント (keydown、keyup など) をトリガーします。このイベント オブジェクトには、event.keyCode (現在は廃止されています。event.code またはevent を使用することをお勧めします) など、関連するキーボード操作情報が含まれています。 .key) 属性は取得したい keyCode です。
キー名からキーボードの keyCode を取得するには、まずキーボード イベントをリッスンする必要があります。 JavaScript では、これはイベント リスナーを追加することで実現できます。ここでは、keydown イベントを例として取り上げます。このイベントは、ユーザーが任意のキーを押したときにトリガーされます。
document.addEventListener('keydown', function(event) {
console.log(押されたキーの名前: +event.key);
console.log(押されたキーのKeyCode: + events.keyCode); // 推奨されません
console.log(event.code: + events.code の使用を推奨);
});
このコードは、ドキュメント全体のキーダウン イベントをリッスンします。キーが押されるたびに、現在のキーの名前 (event.key)、非推奨の keyCode (event.keyCode)、および推奨されるevent.codeが出力されます。 events.key は人間が判読できるキーの名前を提供し、event.code は特定の物理キーの識別に適した、より安定した標準化されたキー エンコーディングを提供します。
event.key プロパティはキーの名前を返します。キー名を通じて keyCode を取得する必要があるほとんどの状況では、event.key を直接使用するだけで十分にニーズを満たすことができます。 keyCode や charCode と比較して、event.key の利点は、Enter や ArrowLeft などのわかりやすいキー名を直接返すことができるため、対応する keyCode の値を確認する必要がないことです。
ただし、シナリオで keyCode が本当に必要な場合は、event.key から keyCode へのマッピング テーブルを自分で構築するか、ライブラリ関数を使用してこのマッピングを完了する必要がある場合があります。
const keyMap = {
入力: 13、
矢印左: 37、
矢印右: 39、
// さらにキーマッピングを入力します
};
document.addEventListener('keydown', function(event) {
if (keyMap[event.key]) {
console.log(マップされた keyCode: + keyMap[event.key]);
}
});
インターネット上には、事前にプログラムされた keyCode とキー名のマッピング テーブルが多数あります。特定のケースでは、ユーザーが押した特定のキー名がわかっていて、対応する keyCode を取得したい場合、これらのマッピング テーブルを直接クエリできます。ただし、keyCode は段階的に廃止され、推奨されなくなったため、推奨されるアプローチは可能な限り、event.key またはevent.code を使用することであることに注意することが重要です。このアプローチは、一部の従来のプロジェクトでは依然として使用されていますが、長期的な解決策と見なすべきではありません。
event.key と events.code は、キーボード イベントを処理するためのより現代的で標準化された方法を提供しますが、ブラウザー間の互換性に関しては、まだ注意すべき詳細がいくつかあります。一部の古いバージョンのブラウザではこれらのプロパティがサポートされていない可能性があるため、開発時には必ず対応する機能検出を実行するか、Polyfill を使用してフォールバック サポートを提供してください。
document.addEventListener('keydown', function(event) {
let key = イベント.キー || イベント.キーコード;
console.log(押されたキー: + キー);
});
このコードでは、 || 演算子を使用して、最初にevent.keyの値を取得しようとしますが、存在しない場合は(古いブラウザで発生する可能性があります)、event.keyCodeの使用に戻ります。
キー名から keyCode を取得することは技術的にはさまざまな方法で可能ですが、Web 技術の発展に伴い、keyCode を直接使用する必要性は徐々に減少してきています。 event.key やevent.code などの新しい API は、キーボード イベントを処理するためのより直感的で標準化された方法を提供します。したがって、このような要件に直面した場合は、古いブラウザーとの互換性を考慮しながら、これらの最新の API を使用することをお勧めします。
1. JavaScriptを使用してキー名からキーボードのkeyCodeを取得するにはどうすればよいですか?
ユーザーがキーボード イベントをトリガーすると、JavaScript を通じてキー名からキーボードの keyCode を取得できます。これは、次の手順に従って行うことができます。
まず、キーボード押下イベント keydown、キーボードリフト イベント keyup、文字入力イベント keypress などのキーボード イベントをリッスンします。イベント処理関数では、イベント オブジェクトのeventが取得されます。これはパラメータを通じて渡すことも、window.eventを通じて取得することもできます。キーボードの keyCode を取得するには、event.keyCode を使用します。サンプルコードは次のとおりです。
document.addEventListener('keydown', function(event) { var keyCode =event.keyCode; console.log('Keycode:', keyCode);});keyCode に基づいて対応するキー名を取得するにはどうすればよいですか?JavaScript には KeyboardEvent インターフェイスが用意されており、これを使用してキー コードに対応するキー名を取得できます。これは、キーの実際の名前を取得するか、ブラウザによって生成されたハードコーディングされたキー プリミティブを取得するかに応じて、KeyboardEvent.key プロパティまたは KeyboardEvent.code プロパティを使用して取得できます。
サンプルコードは次のとおりです。
document.addEventListener('keydown', function(event) { var keyName =event.key; console.log('Keyname:', keyName);}); さまざまなブラウザと互換性のあるキーボードの keyCode を取得するにはどうすればよいですか?ブラウザーごとにイベント オブジェクトのプロパティの名前が若干異なる場合があるため、キーボードの keyCode を取得するときは、さまざまなブラウザーと互換性がある必要があります。
次のコードを使用すると、さまざまなブラウザーと互換性を持たせることができます。
document.addEventListener('keydown', function(event) { var keyCode =event.keyCode ||event.that ||event.charCode; console.log('Keycode: ', keyCode);});この例では、論理 OR 演算子 || を使用して、最も一般的なキーボード イベント属性を取得し、キーボードの keyCode が複数のブラウザで正しく取得されることを確認します。
この記事が、JavaScript でキーボード イベントを処理し keyCode を取得する方法をより深く理解するのに役立つことを願っています。 Downcodes の編集者は、今後もさらに実践的なヒントを提供していきます。