クリックイベントの中で非同期処理したあとに別ウィンドウで開くときにポップアップブロックにひっかからない方法 - Webtech Walker

「twitterに投稿」みたいなボタンをクリックしたときにblt.lyとかのAPIで短縮URLを作って、window.openで別ウィンドウでtwitterを開きたい場合に、bit.lyのAPIを呼ぶJSONPが非同期処理になるので、ほとんどのブラウザでポップアップブロックに引っかかってしまいます。 以前、これ困ったねーって@sugyanと話してたんですけど、@taku_eofにその話しして、色々方法考えてたらよさげなのがでたんでやってみました。 まず、これはポップアップブロックされます。 $('#hoge').click(function() { $.ajax({ type: "GET", dataType: 'jsonp', url: "http://api.bit.ly/shorten", data: {...}, success: function(data) { ... wind

[anton072]

“で、問題はJSONPのコールバックのなかでwindow.openを呼んでるからなので、JSONPの前にwindow.openで空のページをつくっておいて後からURLを入れればいいんじゃないかという方法。”

[efcl]

window.openで空のウィンドウ/タブを開いて置いて、非同期処理が終わったらlocation.hrefで読み込ませる方法。

[akymrk]

window.openで別ドメインのURLを開かない。空ＵＲＬで.open()してあとでlocation.hrefでおきかえる。

[site159]

ポップアップ時のブロック対策

[kkeisuke]

JSONPの前にwindow.openで空のページをつくっておいて後からURLを入れる。

[mattn]

自発的ウィンドウでもないのにウィンドウ閉じれちゃう件と同じ手法かな。 http://let.hatelabo.jp/mattn/let/gYC-xpuWgZetDA