jsのonkeypressイベントとonkeydownイベントの違いを詳しく解説_基礎知識
onkeypress と onkeydown には違いがあります。onkeypress イベントと onkeydown イベントの違いについては以下で説明します。
onkeypress イベントは、ユーザーが任意の英数字キーを押して放したときに発生します。ただし、システム ボタン (矢印キー、ファンクション キーなど) は認識されません。
onkeydown イベントは、ユーザーがシステム ボタンを含むキーボードのキーを押すと発生します。
具体的な違い:
1. 一方は解放され、もう一方は解放されず、onkeypress の前に onkeydown が発生します。
2.onkeypress ではシステム ボタンを押すことはできません。
2. onkeydown でキャプチャされた keyCode は文字のサイズを区別しませんが、onkeypress は区別します。
onkeypress は、ユーザーが英数字キーを押して放したときに発生します。システム ボタン (矢印キーやファンクション キーなど) が認識されません。
onkeyup は、ユーザーが前に押したキーボードのキーを放したときに発生します。
onkeydown は、ユーザーがキーボードのキー (矢印キーやファンクション キーなどのシステム ボタンを含む) を押すと発生します。
onkeypress
Microsoft® Internet Explorer 4.0 では、次のキーに対して onkeypress イベントが発生し、キャンセルできます:
文字: A ~ Z (大文字)
数字: 0 - 9
記号: ! @ # $ % ^ & * ( ) _ - = < ' ` " ~
、スペースバー、ENTER
onkeydown
Microsoft® Internet Explorer 4.0 では、次のキーに対して onkeydown イベントが発生します:
編集: DELETE、INSERT
機能: F1 ~ F12
文字: A ~ Z (大文字と小文字)
ナビゲーション: HOME、END、左矢印、右矢印、上矢印、下矢印
数字: 0 ~ 9
記号: ! @ # $ % ^ & * ( ) _ - = < [ ] { } , . / ' ` " ~
システム: ESC、スペースバー、
Internet Explorer 5 では、イベントは次のキーでも発生します:
編集: BACKSPACE
ナビゲーション: PAGE UP、PAGE DOWN
システム: SHIFT TAB
Internet Explorer 5 以降このイベントは、event.returnValue=false を指定することで、次のキーおよびキーの組み合わせに対してキャンセルできます。
編集: BACKSPACE、DELETE
文字: A ~ Z (大文字と小文字)
ナビゲーション: PAGE UP、PAGE DOWN、END、HOME、左矢印、右矢印、上矢印、下矢印
数字: 0 - 9
記号: ! @ # $ % ^ & * ( ) _ - = < ] { } , . / ? ' ` " ~
システム: SPACEBAR、ESC、TAB、SHIFT TAB
ほとんどのアクセラレータ キーを含む、onkeydown イベントを発生させるすべてのキーをキャンセルできます。
Internet Explorer 4.0 では、onkeydown イベントをキャンセルできませんが、
のように両方を同時に押してキーボード イベントをキャンセルできます。 >
関数 document_onpress()
{
if(event.keyCode=='13')
{
document.all.div_Line.style.ピクセル左 = document.all.div_Line.style.pixelLeft 1;
document.all.div_Q.style.pixelLeft=document.all.div_Q.style.pixelLeft 1;
document.all.div_T.style.pixelLeft=ドキュメント。all.div_T.style.pixelLeft 1;
}

ホット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)

ホットトピック









記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull

この記事では、Javaのコレクションフレームワークの効果的な使用について説明します。 データ構造、パフォーマンスのニーズ、スレッドの安全性に基づいて、適切なコレクション(リスト、セット、マップ、キュー)の選択を強調しています。 コレクションの使用を効率的に最適化します

このチュートリアルでは、chart.jsを使用してパイ、リング、およびバブルチャートを作成する方法について説明します。以前は、4つのチャートタイプのchart.js:ラインチャートとバーチャート(チュートリアル2)、およびレーダーチャートと極地域チャート(チュートリアル3)を学びました。 パイとリングチャートを作成します パイチャートとリングチャートは、さまざまな部分に分かれている全体の割合を示すのに理想的です。たとえば、パイチャートを使用して、サファリの男性ライオン、女性ライオン、若いライオンの割合、または異なる候補者が選挙で受け取る票の割合を示すことができます。 パイチャートは、単一のパラメーターまたはデータセットの比較にのみ適しています。パイチャートのファンの角度はデータポイントの数値サイズに依存するため、パイチャートは値のあるエンティティをゼロ値で描画できないことに注意してください。これは、割合がゼロのエンティティを意味します
