読者です 読者をやめる 読者になる 読者になる

#ぷるがしメモ

趣味とかプログラミングとか色々

テキスト入力してる時にタブ閉じようとすると確認ダイアログ出す

昨日10行くらい書いた文が誤ってタブを閉じてしまって全部消えるという悲しみを背負ったので対策プラグイン書いた。 サイトによってはこんもの書かなくても同じ状況になった時に確認取ってくれるんだけど,不親切なサイトが多すぎる。

  • confirm.js
window.addEventListener("beforeunload", function(event){
  var tag = document.activeElement.tagName;
  if (tag == "TEXTAREA" || tag == "INPUT")
    event.returnValue = "plugin";
  else
    ;
});
{
  "manifest_version": 2,
  "name": "alert",
  "description": "When you close browser tab and focus input or textarea, this plugin show alert dialog",
  "version": "1.0",
  "content_scripts": [{
    "matches": ["http://*/*","https://*/*"],
    "js": ["confirm.js"]
  }]
}

この2ファイルを置いたディレクトリをプラグインとして読み込めばOK. 読み込み方とかは適当にこのへんでも見てどうぞ liginc.co.jp

どのページでもいいけど,inputタグ or textareaタグにフォーカスがある時に タブを閉じようとするとダイアログが出て一旦止めてくれる。