Javscriptでイベントを追加する

公開日: : 最終更新日:2014/06/19 テクニック , , ,

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

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

Internet Explorerの場合

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

Internet Explorer以外の場合

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

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

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

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

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

calender

Javascriptで日付から曜日を求める

Javascriptで日付から曜日を求める Javascriptで指定された日付の曜日を取得します

記事を読む

a0001_013635

ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの閉じるボタンが押下された時の制

記事を読む

no-img

JavascriptでTABLEタグに行を追加、削除する

TABLEタグに行を追加、削除する Javascriptを使ってHTML上のテーブルに行を追加

記事を読む

no-img

JavascriptでJavaの配列を扱う方法

JavascriptでJavaのint[]の配列を扱う JavascriptからJavaで作成した

記事を読む

no-img

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

Aタグのhrefの有効無効を切り替える 画面の選択状態によってAタグのhrefを動的に有効/無効を

記事を読む

keybord_black

モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダイアログを表示するには 「s

記事を読む

no-img

「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする ふと、とあるソースを眺めている

記事を読む

SQLServer

setInterval()やsetTimeout()に引数ありの関数を指定する

setInterval()やsetTimeout()に引数ありの関数を使う Javascriptで

記事を読む

no-img

HTMLで動的にコントロールの表示/非表示を切り替える

動的にコントロールの表示/非表示を切り替える HTMLとJavascriptを使って表示されている

記事を読む

no-img

POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModalDialogで開いた画面でfo

記事を読む

no-img
ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Exp

no-img
POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModal

a0001_013635
Javascriptで開いた子画面から親画面の関数を呼び出す

子画面から親画面の関数を呼び出す Javascriptで開いた子画面

keybord_black
モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダ

no-img
「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする

→もっと見る



PAGE TOP ↑