JDBな人生  専門的なことから日常的なことまで~ まぁ自由きままに書いていきます。
2017年04月 / 03月<< 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>05月

アクセスランキング

[ジャンルランキング]
コンピュータ
395位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
51位
アクセスランキングを見る>>

Firefox/IE/Chromeで「Ctrl + S」のキーイベントを捕まえる方法

何だかんだでとあるWEBアプリっぽいもののテキストエディタを作っているJDBです。

今回、上書き保存をする機能で「Ctrl + S」のショートカットキーを組み込んでみようと思い、色々と調べた結果完成したので、紹介したいと思います。

主にこの二つのページを参考にしました。
F5とCtrl+R の「更新」を禁止にしたい。 | OKWave
http://okwave.jp/qa/q1172173.html

WordPress › Ctrl-S « WordPress Plugins
http://wordpress.org/extend/plugins/ctrl-s/


で、その完成した関数はこれです。
document.onkeydown =
   function (e) {
      if (event.ctrlKey ){
         if (event.keyCode == 83){
            alert("Crtl + S");
            event.keyCode = 0;
            return false;
         }
      }
   }

document.onkeypress =
function (e) {
      if (e != null){
         if ((e.ctrlKey || e.metaKey) && e.which == 115){
            alert("Crtl + S");
            return false;
         }
      }
   }

Firefox 3.6.13
Pale Moon 3.6.14
IE8 IE9β
Chrome 9.0.597.107
で動作を確認しました。

ctrlS.html

イベントハンドラをどこに設定するかを指定すれば流用できると思います。

Gmailでも同じことができますよね。
 


 
   JavaScript    TB(0)    CM(0)    EDIT    ページ↑

コメント投稿


 管理者だけに表示

コメント

トラックバック

この記事へのトラックバック:

プロフィール

JDB Luigi

Author:JDB Luigi
どこにでもいるようなありふれた人間・・・という訳でもなく、かと言って怪しい宗教を信仰する変人という訳でも無い。

基本的に掲載しているコード等は煮ていただいても焼いていただいても結構ですが、利用は自己責任にてお願いいします。
また、バグ・アドバイス等もしあればよろしくお願いします。