javascript - 在浏览器/选项卡关闭时终止 session

Question

我一直在努力解决 how to close session when browser/tab is closed .按照 Daniel Melo 的回答 + 将 session 的 coockie TTL 设置为 0，我几乎准备好了，但 Daniel 的提示是不适用于输入类型=[按钮]。

var validNavigation = false;

function endSession() {
    document.cookie = 'MYOWNSESSID=; path=/';
}

function okEvent(){
     validNavigation = true;
  }

function wireUpEvents() {

  window.onbeforeunload = function() {
      if (!validNavigation) {
         endSession();
      }
  }

  $("a").bind("click", okEvent );

  $("form").bind("submit", okEvent );

  // that's my adds that don't work
  $(":button").bind("click", okEvent );
  $(":button").bind("submit", okEvent );
  $(":button").onclick= okEvent;
}


// Wire up the events as soon as the DOM tree is ready
$(document).ready(function() {
    wireUpEvents();
});

在卸载发生之前是否将事件标记为有效的键。我试图点击按钮但没有成功。 jquery 选择器工作正常，我检查了 $(':button').length > 0。当然，我丢失了一些东西，但找不到。

Answer 1

好的，这里有一些提示:

-将您添加的三行替换为:

$(':button').click(okEvent);

-不要将提交事件绑定(bind)到按钮输入上，以免与提交输入 (more) 混淆:

<input type="submit" value="Submit" />

-如果您使用按钮提交表单，则改用提交输入并删除所有添加内容，因为提交事件已附加到表单:

$("form").bind("submit", okEvent );

请查看this测试以更好地理解按钮输入。