[B! Web][keyboard] kathewのブックマーク

kathew id:kathew

Webとkeyboardに関するkathewのブックマーク (7)

HTML5 & CSS3 リファレンス - accesskey属性　（マウス操作の代替キー設定）
kathew 2019/06/13
html5

keyboard

web
リンク
[jQuery] Enterキーでフォーカスを移動するには
Enterキーでフォームを送信したくない時はあるWebアプリケーションのフォームで、Enterキーを押してもSubmitされない様にする必要があって、ちょっと調べた。リターン（Enterキー）でフォームを送信しない方法: 小粋空間とりあえずこの記事の「４．押されたキーを判定して抑止する」の所に書いてある方法で対応出来た。 Enterキーで次のフィールドにフォーカスを移動するには次に、どうせならEnterキーで次のフィールドにフォーカスを自動で移動させたいな～、という事になった。やってみたら、jQueryのおかげでこんな感じで割りと簡単に出来た。 Enterキーが押された時にfalseを返すのではなくて e.preventDefault() を使う様に変えた。その理由はこちらを参照。 Shift＋Enterキーにも対応するにはさらについでにShift+Enterキーでの逆順の移動に
kathew 2017/01/24
jquery

javascript

web

development

tips

focus

form
リンク
shortcut.js - テノニッキ (@hideack 's diary)
JavaScriptで簡単にキーボードのショートカットを実装するためのライブラリ "shortcut.js" シンプルで且つ激しく便利。使い方は、見ての通り。 shortcut.add("r",function() { alert("rが押されました"); },{ 'type':'keydown', 'propagate':true, 'disable_in_input':true, 'target':document }); 第1引数はショートカットの定義。"Ctrl+C"といった書き方もできます。第2引数はショートカットが実行された場合の処理内容。第3引数は設定用のパラメータを含めたArrayを渡す。 Arrayの詳細は type:String 種類は'keydown','keyup','keypress'の3通り。指定が無い場合は'keydown'となる disable_in_i
kathew 2014/01/23
keyboard

shortcut

web

development

JavaScript

library
リンク
JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日本語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定の区別は可能なんだろうか。手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日本語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。日本語変換中の複数
kathew 2013/06/21
web

development

javascript

keyboard

reference

tips
リンク
keyイベント(keypress,keyup,keydown)の確認
keypress,keyup,keydownイベントの発生パターンを確認するためのページです。確認したいイベントをチェックし、テキストボックスに入力してください。 →Blogへ戻る keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
kathew 2013/06/21
development

web

service

keyboard

utility

JavaScript

event
リンク
jQuery.gpKeyでキー操作が楽々に。 | Ginpen.com
概要 keypress、keydown、keyupのイベントを管理できるjQueryプラグインです。大きな特徴はふたつ。まずひとつ目は、要素単位で設定できること。通常キーボード系のイベントはinput等の入力系要素かdocumentで発生しますが、jQuery.gpKeyは任意の要素で発生したものとして管理する事ができます。もうひとつは、キーごとの操作をわかりやすく設定できること。例えば”Ctrl+S”を拾う場合は"^s"という文字列と処理内容をセットにして指定します。キーボード操作のあるウェブアプリでの利用を想定しています。ダウンロード jquery.gpkey-0.1.min.js [4KB] jQuery.gpKey.zip [57KB] jQuery.gpKey.tar.gz [57KB] 基本的な使い方要素をクリックすると反応するようになり、また要素外をクリックした場合
kathew 2013/04/04
jquery

keyboard

web

design

development

UI

programming
リンク
Virtual Piano : The original app | Virtual Keyboard | Online Music | Piano Game | CMAGICS
Virtual Piano is the world's first and most loved online piano keyboard. Enabling you to play the piano instantly. Become an online pianist and create your own extraordinary music! QUICK. EASY. ENJOYABLE. LOAD THE PIANO 1. Select a song in the Virtual Piano Search box or by browsing the Music Sheets.
kathew 2010/05/09
web

service

flash

piano

keyboard

music
リンク
1