ホームページ > ウェブフロントエンド > jsチュートリアル > jsでのキーボードイベントの簡単な説明

jsでのキーボードイベントの簡単な説明

怪我咯
リリース: 2017-07-06 11:36:46
オリジナル
1811 人が閲覧しました

この記事は主にjsのキーボードイベントを紹介し、比較的簡単な例の形でキーボードイベントに応じたjsの操作スキルを分析します。必要な友達はそれを参照してください

この記事はjsのキーボードイベントを分析します。例。皆さんの参考に共有してください。具体的な分析は次のとおりです:

この例の効果:

キーボードの任意のキーを押すと、IE、Chrome、Firefox と互換性のある対応する ASCII コードがポップアップ表示されます。

しかし、まだ多くの問題があります:

(1) IE と Chrome では、上、下、左、右などの一部のキーが機能しません。
(2) Firefox では、右のキーと一重引用符キーは 39 には影響しません。

具体的なコードは次のとおりです:

コードは次のとおりです:

<html>
<head>
<script type="text/javascript">
 window.onload = function(){
  var bd = document.getElementsByTagName(&#39;body&#39;)[0];
  bd.onkeypress = function(ev){
   ev = ev || window.event;//ie不支持function参数ev
   alert(ev.keyCode || ev.which);//火狐不支持keyCode
  }
 }
</script>
<style type="text/css">
#par{width:300px;height:200px;background:gray;}
#son{width:200px;height:100px;background:green;}
</style>
</head>
<body>
<p id="par">
 <p id="son"></p>
</p>
</body>
</html>
ログイン後にコピー

以上がjsでのキーボードイベントの簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート