数字しか書けないinputとか英単語しか書けないinputとか - とっくりばー
brazilの人が「いやーそこはやっぱりkeydownで禁止しなきゃだめでしょ」と言ったのでこんな面倒なことに手を染めることに。 方針 入力される文字をイベントから取り出して、正規表現にマッチしなかったらイベントをキャンセルする。ただし、Tabとか矢印とかEnterとかを邪魔しないように。 イベントの種類 ちょっと実験用のHTMLを作って調べてみたところ、keydownイベントとkeypressイベントではevent.keyCodeとかで取れる値が違ってた。keydownでは仮想キーの値なので、記号キーとか押すと220とかめっちゃでかい数字になって使えない。今回は「何の文字を入力しようとしたのか」によって、キーイベントを無かったことにしちゃうのが目的なので、keypressイベントを使う。 [キーイベントから文字を取る] 最初は軽く考えてた。jQueryではkeyCodeとcharCode
「JavaScript＠Keynavi.Net」 キーイベント処理の工夫
キーイベントの取得は 処理を行うハンドラ関数を定義し documentオブジェクトに登録することで可能です。 <script language="javascript"><!-- //イベント発生時に実行する関数：一般に返り値が「false」ならブラウザ側の割当て無視。// function my_down(e){ .....; return true/false; } function my_press(e){ .....; return true/false; } function my_up(e){ .....; return true/false; } //Netscape4.xでは下記が必要です。// if(KL_NS4){ document.captureEvents(Event.KEYDOWN); document.captureEvents(Event.KEYPRESS);
JavaScriptバグ＆回避法リスト : 4. イベント(キー入力)編
「NS,NN=Netscape Navigator」「IE=Internet Explorer」の略です。 リンクやフォームの各オブジェクトに対し HTMLで「accesskey="キー名"」を指定することにより ショートカットキーを設定できます。 しかしながら この動作はブラウザ毎に異なります。 例えばリンクの場合、 IE4,NS6,7では該当ページへ移動、IE5,5.5,6.0ではフォーカスのみ設定されます。 一方でフォームのsubmitボタンやresetボタン等では クリックが実行されます。 その結果accesskeyの利用ではブラウザ間、オブジェクト間で動作を揃えられず ユーザが混乱します。 実験＆アクセスキーの動作確認状況 この他に「accesskey」による指定では以下の点に注意する必要があります。
JavaScriptのキーイベント・キーを押し続けた場合のブラウザ毎のイベント差異 ( しゃいん☆のブログ| 名古屋市 Webシステム開発 サーバ構築 ネットワーク構築 株式会社コネクティボ )
ということで、相も変わらず、JavaScriptネタです。 今回は最近非常に気になっていた、ブラウザ毎に異なるキーイベントに関してです。 何らかの処理でキーボード入力を取りたい場合、 onKeyDown、onKeyPress、onKeyUP のいずれかを使うと思いますが、普通に押した押してないを判別する程度だったら、 上記のどれを使っても特に影響はないと思います。 しかし、キーをずっと押し続けた状態を取る場合、 ブラウザ毎にかなり挙動が変わってくるので、要注意です。 以下、サンプルスクリプト(JavaScript + HTML)。 <html> <head> <script type="text/javascript"> <!-- var down = 0; var press = 0; var up = 0; document.onkeydown = function ()
【JavaScript サンプル集】入力したキーのコードを表示する(ALT,CTRL,SHIFT) - JavaScript@Workshop
<body onkeydown="click_sub()"> <script language="Javascript"> <!-- function click_sub() { if (window.event.altKey==true) { alert("ALTキーが押されました"); } if (window.event.ctrlKey==true) { alert("CTRLキーが押されました"); } if (window.event.shiftKey==true) { alert("SHIFTキーが押されました"); } } --> </script> 解説 キー操作のイベント情報はeventに入ります。 onkeydown･･･キーを押したときに発生するイベント altKey･･･Altキー(trueまたはfalse) ctrlKey･･･Ctrlキー(trueまたはfals
[NS] お知らせ:「コナミコマンド」を実装しました
当サイトでは、本日よりコナミコマンドを実装いたしました。コマンドはファミコン版グラディウス準拠の「上上下下左右左右BA」です。SFC版グラディウスIIIのように自爆はしません。ご安心ください。 コマンドを打つとサイト全体がパワーアップします。もう一度コマンドを打つと元に戻ります。携帯電話やRSSリーダでご覧の場合は効果がありません。ご了承ください。 特に意味はありませんが、どうしようもなくコナミコマンドを打ちたくて打ちたくて仕方がなくなったときなどにご利用ください。料金は一切いただきません。 著作権を主張するようなモノでもないので、自分のサイトに付けたいと考えてらっしゃる奇特な方はソースを見て勝手にお持ち帰りください。 追記:うまくいかない方は日本語入力をオフにしてください。Windows版のInternetExplorer、Firefox、Operaそれぞれの最新版で動作確認済みです。
JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） - Akasata's Page（あかさたのページ）
2007-07-26 13:15 : JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） 「お知らせ:「コナミコマンド」を実装しました」によると、コナ○コマンドはできるらしいです。コードを見てもらうとわかりますが、if 文で普通に分岐しています。これはこれでお手軽な実装ですが、こういうものを見ると一般化してみたくなります。 上記サイトより抜粋： var konmaiFlag = 0; function konmaiCommand(konmaiKey){ if (konmaiKey == 38 & konmaiFlag == 0){//上 konmaiFlag = 1; }else if (konmaiKey == 38 & konmaiFlag == 1){//上 konmaiFlag = 2; }e
クロスブラウザでのJavaScriptキーボードイベントの扱い方:phpspot開発日誌
JavaScriptでのキーボードイベントの処理はブラウザによって違っていて、クロスブラウザで動作させるためには、それぞれのブラウザに合ったコードを実行し分ける必要があります。 JavaScriptでキーボードイベントを取得し、どのキーコードが押されたかを判別するサンプルを以下に示します。CtrlキーやShiftキーが押されたかどうかなどのチェック方法も併せて示しています。 このサンプルを活用することで、Webアプリケーションにショートカット機能をつけ、より使い勝手のよいWebアプリケーションを作成する手助けになるはずです。 以下、サンプル。 <html> <title>クロスブラウザでキーボードイベントを処理する方法</title> <!-- js コード --> <script type="text/javascript"> document.onkeydown = function(
JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫：ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) { log('a')}); addKeybind('a', function(ev) { log('a!!');}, $('loglog')); addKeybind('B', function(ev) { log('B')})
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ithome.jp/blogtmp/sample/script/2006021601.html
クロスブラウザを制する Part 2 2-18 押されたキーコードget [Javascript] All About![クロスブラウザを制する Part 2 2-18 押されたキーコードget [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)