javascript - 追加のクリックで子ページのリロードを停止する

Question

ボタンをクリックすると、子ウィンドウが開きます。その後、もう一度クリックすると、そのページがリロードされます。親ページがリロードされても、これが起こらないようにしています。子ページ「テスト」が開いている限り、クリックイベントの条件が子ウィンドウに何もせず、警告を発するようにします。これは可能ですか？ありがとう

$('#send').click(function(){

   if(*child page already open*){
    alert('already open');
 }else{
        window.open("test.html","Ratting","width=550,height=170,0,status=0,");
      }
});

Answer 1

子ウィンドウが存在 し、まだ開いていることをテストする必要があります。

var childWindow;

$('#send').click(function(){
    if (childWindow && !childWindow.closed) {
        alert('already open');
    } else {
        childWindow = window.open("test.html","Ratting","width=550,height=170,0,status=0,");
    }
});

Answer 2

var childPage = null;
$('#send').click(function(){
  if(childPage && !childPage.closed){
    alert('already open');
  } else{
    childPage = window.open("test.html","Ratting","width=550,height=170,0,status=0,");
  }
});