Javscriptでイベントを追加する

記事内に広告が含まれています。

Javscriptで既存のイベントに処理(関数)を追加する

すでにあるイベントに処理(関数)を追加する方法です。

Internet Explorerの場合

対象のブラウザーがInternet Explorerの場合は「attachEvent()」を使ってイベントに処理(関数)を追加します。

Internet Explorer以外の場合

対象のブラウザーがInternet Explorer以外の場合は「addEventListener()」を使ってイベントに処理(関数)を追加します。

実際に処理を追加してみる

実際に処理を追加してみます。
Internet Explorerとそれ以外のブラウザーの切り分けは「window.attachEvent」が使えるかどうかで切り分けます。

if( window.attachEvent ){
    window.attachEvent( 'onbeforeunload', beforeUnloadCheck ) ;
}
else{
    window.addEventListener( 'beforeunload', beforeUnloadCheck, false ) ;
}

function beforeUnloadCheck( ev )
{
    ev.returnValue = "ウィンドウを閉じてよろしいですか?" ;
}

上記の例はウィンドウが閉じられる前(onbeforeunload、beforeunloadイベント)にbeforeUnloadCheck()関数が追加され、ウィンドウを閉じる前に「ウィンドウを閉じてよろしいですか?」とユーザーに確認を促します。

スポンサーリンク
スポンサーリンク
【PR】
Javascriptの学習におすすめの本
JavaScript
スポンサーリンク
ソフトウェア開発日記
タイトルとURLをコピーしました