MacOSで1アクション(ボタン押下)で複数タブを開きたいが1つしか開かない。
WindowsではChrome、FireFox、IEともに複数タブが開く。
MacOSではChrome、Safariではタブが1つしかひらかない。(FireFoxとIEは試していません)
Wordpress内のとあるページのフォームをクリックするとWordpress内の別固定ページを複数開きたいです。
また別ページには情報を渡したいため、フォーム内の情報をhiddenで渡し、それを受け取る処理をfunction.phpで記載し、form内の値を受け渡ししています。値は渡せています。
ソースコード
html
1<form> 2 <input type="button" name="submit" id="wp-submit" value="送信する" onclick="mydoSubmit()"/> 3</form> 4<form name="form1" id="form1" action="https://xxxx/?page_id=10001" method="post" accept-charset="utf-8" target="_form1"> 5 <input name="Username1" id="Username1" value="" class="" type="hidden"/> 6 <input name="Usermail" id="Usermail" value="" class=" required" required="required" type="hidden"/> 7</form> 8<form name="form2" id="form2" action="https://xxxx/?page_id=10002" method="post" accept-charset="utf-8" target="_form2"> 9 <input name="Username1" id="Username1" value="" class="" type="hidden"/> 10 <input name="Usermail" id="Usermail" value="" class=" required" required="required" type="hidden"/> 11</form>
javascript
1let frm1 = document.getElementById("form1"); 2frm1.elements["Username1"].value = frm.elements["user_login"].value; 3frm1.elements["Usermail"].value = frm.elements["user_email"].value; 4frm1.submit(); 5 6let frm2 = document.getElementById("form2"); 7frm2.elements["Username1"].value = frm.elements["user_login"].value; 8frm2.elements["Usermail"].value = frm.elements["user_email"].value; 9frm2.submit();
自分で試したこと
・iFrame内にフォームをコピーしてそこからsubmitさせたり、Ajaxの非同期処理でsubmitしてみました、同様の結果でした。
・Ajaxを使って複数fom Submitしてみても同様であった。(Windowsは複数タブ開く、Macは1つしか開かない)
一つ、JavaScriptで実装していた時と異なった点は、環境が検証環境と本番環境と二つあり、検証環境だとMacでも複数タブ開いたのですが、本番環境だと1つしか開かない点です。検証と本番はレンタルサーバー業者が異なります。
恐らく詳細な情報がないと分からないと思いますが、こういう事象にあたったことがあるからいらっしゃいましたら、調査ポイントだけでも教えて頂けると助かります。
ブラウザ毎に挙動が異なるのであればブラウザ間の仕様差異と分かりますが、
Macだけでできない理由が分からないです。特にエラーもでていないのですが、Macの仕様なのでしょうか?
調査ポイントだけでもアドバイス頂ければ幸いです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。