このページではサンプル設置のため、ページを移動するときに警告が出る場合があります。 フォームの入力などで、入力中に間違って別ページに移動してしまって、入力した内容が無駄になってしまうことがあります。 そんなときにはフォームのsubmitボタンでの遷移以外は警告を出すようにすることができます。 ただこのイベントはブラウザによって実装が違うため、動作しないブラウザもありますし、誤動作する場合も考えられます。 ページ遷移で警告を出すには、onBeforeunloadイベントを使います。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = 'ページから移動しますか？'; } これだけだとsubmitボタンでページを移動したときにも警告が出てしまうので、submitボタ

HTML の要素や属性の中にはうまく使用することによって閲覧を助けるものも多く、この title 属性もその一つなんですが、あるいは存在自体意外と知られていないかもしれません。以下に使用例を挙げていますが他にも多くの要素で使用可能です。 <p title="本文の補足説明">本文</p> <abbr title="正式名称">省略された言葉</abbr> <img src="chara.jpg" alt="キャラクター名" title="画像についての簡単な説明"> なお、title は title でも <title>ページタイトル</title> のことではありません。こちらは title 要素になります。 title 属性（ HTML 4.01 仕様書日本語訳） 仕様書によると、「この属性は、当該要素に関する助言的情報を提供する」ことになっています。また、ほとんどの要素に使えるのでは

ちょっと必要になったので調べました。 ブラウザの閉じるボタンを押された時のイベントで処理をしたい場合。 function window.onbeforeunload() { if(((event.clientX > document.body.clientWidth) && (event.clientY<0)) || event.altKey ) { xxxFunc(); } } IE7などのタブブラウザはこっち。 function window.onbeforeunload() { if( event.clientY < 0 || event.altKey ) { xxxFunc(); } } ▼IEのonbeforeunloadイベントの仕様はこちら http://msdn.microsoft.com/en-us/library/ms536907.aspx onbeforeunload

1ページでは載せきれない補足情報などを提示する際、元のページの上に重ねて表示する方法がしばしば用いられます（オーバーレイ表示と呼ばれています）。 今回は、オーバーレイ表示を行う際にどのような点に注意すべきかについてお伝えしたいと思います。 前提としてオーバーレイ表示には、下記のような利点があると考えられます。 ・　ページ遷移を挟まずに情報を提示できるため離脱されづらい ・　情報に触れてもらえる確度が高い 一方で、この表示方法が抱えるリスクも存在します。 特にモーダルダイアログ（オーバーレイで表示されたダイアログを閉じるまで、他の部分が操作できないタイプのもの）を用いる場合にはかなり致命的なリスクが存在することが弊社のユーザ行動観察調査で発見されました。 実は調査の中で、オーバーレイで表示されたコンテンツ（下図B-2）を見終えたユーザが、ブラウザの「戻る」ボタンを押してしまうシーンが何度も見