JavaScript | キーボードイベントの実装方法（addEventListener版） | ONE NOTES

2021/01/25 14 users addEventListener 実装方法 キーボード 方法

JavaScriptだけでキーボードの入力情報を「addEventListener」で取得して発火イベントを実装する方法のサンプルコード集です。 「onkeydown」「onkeypress」「onkeyup」などのDOM oneventハンドラーでの実装方法は別記事にての紹介となっています。 See the Pen JavaScript Keyboard press event by yochans (@yochans) ... 続きを読む

大きめのソフトウェアキーボードを実装できるjQueryプラグイン:phpspot開発日誌

2013/02/22 25 users jQueryプラグイン phpspot開発日誌 input

Javascript, jQuery and other Junk: jQuery UI Keyboard Widget 大きめのソフトウェアキーボードを実装できるjQueryプラグイン。 次のようなソフトウェアキーボードをInputに対して付与することができるようになります。 ソフトウェアキーボードでセキュリティを高めたい、という場合に参考にしてみてもよいかも。 関連エントリ キーボードイベント... 続きを読む

キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」:phpspot開発日誌

2012/10/04 80 users phpspot開発日誌 単体 jQuery等 キー 複数

Keypress: A Javascript library for capturing input キーボードイベントを実装する際に単体で使える軽量JSライブラリ「Keypress」 jQuery等に依存せず、簡単に使えるキーボードイベント実装ライブラリ。単体キーだけでなく、複数のキーの組合せや、キーを押した順によってイベントを発動させることができ、とりあえずキーボードショートカットなんかを入れ... 続きを読む

複雑なキーボードイベントも超簡単実装が可能なJSライブラリ「jwerty」:phpspot開発日誌

2011/10/13 29 users JSライブラリ phpspot開発日誌 実装 アクション キー

jwerty - Awesome handling of keyboard events 複雑なキーボードイベントも超簡単実装が可能なJSライブラリ「jwerty」 例えば次のようなコードによってCtrl+Shift+pのキーにコールバックなどでアクションを指定することが可能です。 // prevents 'ctrl+shift+p''s default action jwerty.key('ct... 続きを読む

JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」:phpspot開発日誌

2007/01/31 147 users phpspot開発日誌 JavaScript

script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 次の記事 »：ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベン... 続きを読む

クロスブラウザでのJavaScriptキーボードイベントの扱い方:phpspot開発日誌

2006/12/06 164 users クロスブラウザ Shiftキー phpspot開発日誌 処理

JavaScriptでのキーボードイベントの処理はブラウザによって違っていて、クロスブラウザで動作させるためには、それぞれのブラウザに合ったコードを実行し分ける必要があります。 JavaScriptでキーボードイベントを取得し、どのキーコードが押されたかを判別するサンプルを以下に示します。CtrlキーやShiftキーが押されたかどうかなどのチェック方法も併せて示しています。 このサンプルを活用する... 続きを読む