在浏览器/标签关闭时终止会话

Question

我一直在尝试解决how to close session when browser/tab is closed。按照 Daniel Melo 的回答 + 将会话的 coockie TTL 设置为 0，我几乎准备好了，但 Daniel 的提示不适用于 input type=[button]。

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);

-不要在按钮输入上绑定提交事件，不要与提交输入混淆（more）：

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

-如果您使用 Button 提交表单，请改用提交输入并删除所有添加，因为提交事件已附加到表单：

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

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