PayPal iFrame（クロスドメイン）のPay Nowボタンをキャプチャする

Question

私はPayPalのペイフローを使用して支払いシステムを持っています。私は "今すぐ支払う"ボタンがクリックされたときに取引を処理している間私のページに "キャンセル"ボタンを隠すことができるようにキャプチャしたいと思います。

私はいつものjQueryを試してみました：

$("#iFrame .button").click(function(){});

と

$("#iFrame").contents().find("input[type='button']")

を何も作業していません。私はエラーを取得する：

キャッチされない例外：DOMException：クロスオリジン・フレーム

どのように私ができる上の任意のアイデアへのアクセスを「http://localhost」原点とフレームをブロックされた：「HTMLIFrameElement」から「contentDocument」プロパティの読み込みに失敗しましたクリックをキャプチャしますか？

Answer 1

イベントにアクセスしたり、ホスティングサイトからiFrameのコンテンツと対話することはできません。

ただし、ユーザーがiFrameの内部をクリックしたかどうかを確認できます。だから、あなたができるベストは、iFrameへのクリックのリスナーを設定し、それが注文と一緒に進んでいると仮定し、そのボタンを隠すことです。このように：

focus(); 
var listener = addEventListener('blur', function() { 
    if(document.activeElement === document.getElementById('iframe')) { 
     // clicked 
    } 
    removeEventListener(listener); 
});