iframe等を使った子から親へイベントを渡す方法
2009-08-09 (日)カテゴリJavascript, 制作parent, parentNode
技術メモ。
iframe等の子から親に対してイベントを渡す方法です。
ブラウザ毎に微妙に異なるので注意が必要です。
ちなみにdoctypeは「4.01 Transitional」「XHTML 1.0 Strict」「XHTML 1.0 Transitional」標準モードで確認済み。
Java Script
//以下例では、onscrollイベントを当ててます。
//IE6の場合
parent.document.body.parentNode.onscroll = function(){}
//IE7,IE8の場合
parent.document.body.onscroll = function(){}
//firefox,safari,Chromeの場合
parent.document.onscroll = function(){}
ちなみにOperaはインストールしていないので試していません。たぶん動作するはず・・
IE6のparentNodeが必要なのが以外とハマる所かと思われます。
下記サイトでもparentNode調べてますね。むむむ。
IE でどこの子ノードでもないはずなのに parentNode が存在する場合がある







