jQueryでキーボードイベントを取得する簡単な方法_jquery
この記事の例では、jQuery がキーボード イベントを単純に取得する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
1. キーボードイベントはいつ取得する必要がありますか? Web で作業するとき、より人間的な設計のために、キーボード イベントを使用することがあります。例: 入力ボックス ドロップダウン プロンプト ボックス、上下のキーボードを使用して必要なコンテンツを選択する場合、Google の入力ボックス ドロップダウン プロンプト ボックス。フォト アルバムを参照するときは、キーボードの左右のキーを使用して写真を表示できます。長い小説を閲覧する場合、マウスでスクロールするとどの行を読めばよいのか分からなくなりがちです。これらの細かい部分も、キーボードの上下キーを使用して行うことができます。ウェブサイトの作成は細部に大きく依存します。
2. jqueryのキーボード関数の種類1. keydown イベントは、キーボードが押されたときにトリガーされるイベントです
2. keyup イベントは、キーが押されてキーが放されたときにトリガーされるイベントです
3. keypress イベントは、キーボードが押されたときにトリガーされるイベントです
キープレスとキーダウンは同様の機能を持ちますが、イベントの内容を取得する点が異なります。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
$('#search_input')
.keypress(function(event){
alert("keypress");
})
.keydown(function(event){
alert("keydown");
})
.keyup(function(event){
alert("keyup");
});
</script>
1. 上の入力ボックスに文字 r を入力すると、初めてキーダウンが表示され、以降はキーを押すよう求められます。
2. pg dn銉を押すと、最初にキーアップが表示され、次にキーダウンが表示されます
3.shift+cを押すと、keypress
のみがポップアップします。
4. Ctrl+Alt を押すと、最初に 2 つのキーダウンが表示され、2 回目にキーアップが表示され、次にキーダウンが表示されます。
多くの可能性がありますが、一般的に使用されるフェニックスを試してみる必要があります。
4. キーボードイベント
に対応する ASCII 値を取得します。
<script type="text/javascript">
$('#search_input')
.keydown(function(event){
alert(event.keyCode);
})
</script>
を参照してください。 この記事が jQuery プログラミングのすべての人に役立つことを願っています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7518
15
1378
52
81
11
21
68
Maicong K87 3モードメカニカルキーボードに「ヒヤシンス軸」と「アイスクリーム軸」バージョンが追加：ガスケット構造、初期価格は299元から
Feb 29, 2024 pm 05:00 PM
2月29日の本ウェブサイトのニュースによると、Maicongは本日、K87 3モードメカニカルキーボード用に「ガスケット構造、80％配置」、関連シャフトを備えた「ヒヤシンススイッチ」と「グレーズドアイスクリームスイッチ」の2つのバージョンを発売したと発表した。キーボードの価格情報は次のとおりです: 「Hyacinth Switch」バージョン: 初期価格は 299 元 「Liuguang Ice Cream Switch」バージョン: 初期価格は 379 元 報告によると、このシリーズのキーボードはガスケット構造を使用しており、87 キー 80 %配列、フルキーロールオーバー、およびサーマルサポート プラグの抜き差しには、「オリジナル/MDA 2色PBTキーキャップ」を使用すると主張し、1.2mmのシングルキースロット付きPCB（下部ランプ位置）を使用し、RGBを装備照明効果があり、磁気吸収ネームプレートデザインを採用しています。なお、このキーボードは6000mAhのバッテリーを搭載しており、ワイヤレス遅延は3msですが、キーボードの正式なサイズやサイズは発表されていません。
VGN との提携ブランド「Elden's Circle」キーボードおよびマウス シリーズ製品が店頭に並びました: Lani / Faded One カスタム テーマ、99 元から
Aug 12, 2024 pm 10:45 PM
8月12日のこのサイトのニュースによると、VGNは8月6日に、Lani/Faded Oneのカスタマイズされたテーマでデザインされたキーボード、マウス、マウスパッドを含む共同ブランドの「Elden Ring」キーボードおよびマウスシリーズを発売しました。の製品はJD.comに掲載されており、価格は99元からです。このサイトに添付されている共同ブランドの新製品情報は次のとおりです。 VGN丨Elden Law Ring S99PRO キーボード このキーボードは、純粋なアルミニウム合金シェルを使用し、5 層サイレンサー構造によって補完され、GASKET 板バネ構造を使用し、単一の- キースロット付き PCB、独自の高さの PBT 素材キーキャップ、アルミニウム合金のパーソナライズされたバックプレーン、VHUB に接続された 3 つのモード接続と SMARTSPEEDX 低遅延テクノロジーをサポートし、549 元から複数のデバイスをワンストップで管理できます。 VGN丨Elden French Ring F1PROMAX ワイヤレスマウス マウス
Apple 携帯電話のキーボードで手書き入力方法を設定する方法
Mar 08, 2024 pm 02:30 PM
Apple モバイル キーボード ユーザーは、手書き入力方法を設定したいと考えていますが、その方法がわかりません。実際には非常に簡単です。ユーザーは、携帯電話のキーボード設定で手書き入力方法を直接選択できます。そうでない場合は、手動で追加することもできます手書き入力方式です。 Apple 携帯電話のキーボードで手書き入力方法を設定する方法 A: キーボード設定で直接手書き入力方法を有効にする 1. Apple ユーザーが入力方法を使用する場合、手書き入力方法はデフォルトで有効になります。 2. ユーザーは、入力中に左下隅をクリックして押し続けるだけで手書き入力方法を選択できます。 3. ユーザーが携帯電話に手書き入力メソッドを持っていない場合は、手動で追加することもできます。 4. ユーザーは設定を入力し、ユニバーサル キーボード設定を見つけて、最初のキーボードに手書き入力オプションを追加します。 5. 手書き入力方法を使用して、
WeChat キーボードのスキンを設定する方法 WeChat キーボードのスキンを設定する方法
Mar 13, 2024 am 09:04 AM
WeChatキーボードのスキンを設定するにはどうすればよいですか? WeChat キーボードは、非常にスマートな携帯電話入力方法ソフトウェアです。このソフトウェアには多くのユーザーフレンドリーな機能があり、ユーザーは自分の入力モードを選択し、このソフトウェア上で必要な表現をできるだけ早く見つけることができます。このソフトウェアでは、ユーザー自身でキーボードのスキンを変更することもできますが、スキンの変更方法がわからないユーザーも多いため、以下のエディターにスキンの変更方法をまとめましたので、参考にしてください。 WeChat キーボード スキンの設定方法 WeChat、SMS、または携帯電話のキーボードを使用する必要があるその他のアプリケーションでは、キーボードの左上隅にある入力方法設定アイコンをクリックして設定ページに入り、機能を表示できます。さまざまな入力方法のオプションを設定します。 2.入力方法の設定ページで「パーソナライズドスキン」をクリックします。
Ai StoneがNA87 MAG 87キー磁気軸キーボードを発売：Asat構造、8KHz返品率、199元
Mar 31, 2024 pm 04:41 PM
3月31日の当サイトのニュースによると、愛東は最近、87キー磁気軸キーボードモデル「NA87MAG」をJD.comで発売したとのことで、標準価格は219元で、10元のデポジットを支払えば即時に割引されるとのこと。最終支払い時に20元、実際の価格は199元です。報道によると、このキーボードは Asat 構造を採用しており、「HIFI レベルのタイピング音質と一貫したタフな感触」を実現するとされており、パッドを交換することでキーボードの感触を調整し、タフからソフトまでカスタマイズすることも可能です。切り替え要件。また、このキーボードには「立体ゲーム内部構造」も搭載されており、チェス盤形式のワンキー密閉設計により各キーの音を集中させることができ、「立体的なゲーム内部構造」を実現しているという。サウンドの最適化」、1,680 万色の RGB ライトも備えています。さらに、このキーボードには Le 機能が搭載されています。
Lingbao K87 / PRO 3モードメカニカルキーボードが初めて販売されます：ガスケット構造、オプションのキーキャップシャフト本体、99元から
Jul 20, 2024 am 01:35 AM
7月19日のこのウェブサイトのニュースによると、Lingbao K87/PRO 3モードメカニカルキーボードは今夜8時に発売されます。2つのバージョンの主な違いは、シャフト/色/バッテリーの違いです。このウェブサイトがまとめた価格情報は次のとおりです。 K87 ライト クラウド ホワイト: 99 元 K87 ナイト パープル/シャグアン パープル/サニー マウンテン ブルー: 149 元。ダストグレー/スターデイジーパープル：199元 K87PRO：249元 報告によると、このキーボードはガスケット構造を採用し、80％配置レイアウトを使用し、さまざまな色で利用可能で、ローライトRGBライトが内蔵されており、サポートされています3モード接続 2.4G(1KHz)/有線(1KHz)/Bluetooth(125Hz))。仕様上、シリーズキーボードはオプションとなります
Keychron、Q10 Max 3 モード メカニカル キーボードを発売: 75% アリス構成、価格は 1,238 元から
Mar 08, 2024 am 08:40 AM
3 月 7 日のこのサイトのニュースによると、Keychron は本日、Q10Max 3 モード メカニカル キーボードをリリースしました。キーボードは75%アリス構成を採用、シャフトレスキーキャップキットの価格は1,238元、JiadalongのカスタマイズされたJupiterシャフトとPBTキーキャップを搭載したキーボードの価格は1,358元、天猫旗艦店で8時に発売されます。今夜の時計。 Q10Maxメカニカルキーボードは、Keychron QMax 3モード「Aluminum Tuo Tuo」シリーズに属しており、Q1/Q2/Q3/Q5/Q6/Q60/Q65Maxなどの異なるレイアウトのキーボードが多数市販されています。 ▲ Keychron Q10Max キーボード製品の特徴 Q10Max 本体は 6063 アルミニウム CNC プロセスで作られ、75% アリス構成を使用しており、公式は「人間の手首にフィットする」と主張しています
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
Feb 28, 2024 pm 09:06 PM
タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: <
