jQuery.each不window.onbeforeunload功能工作

Question

我有這樣的代碼：

HTML：

<div id="wrapper"> 
    <div>d</div> 
    <div>s</div> 
    <div>w</div> 
</div> 

JS：

window.onbeforeunload = function(e) { 
    $('#wrapper>div').each(function(k,v) { 
     if($(this).text() == 's') { 
      return 'aaaa'; 
     } 
    }); 
} 

http://jsfiddle.net/edhvkhg7/2/

當我嘗試關閉鉻選項卡，確認彈出窗口不會出現。爲什麼？

Answer 1

您剛從迭代函數返回，而不是從beforeunload處理程序返回。 jQuery用函數的返回值做的唯一事情是測試它是否爲false，並停止迭代。它不會從包含函數返回。

window.onbeforeunload = function(e) { 
    var return_val = null; 
    $('#wrapper>div').each(function(k,v) { 
     if($(this).text() == 's') { 
      return_val = 'aaaa'; 
      return false; // End the loop 
     } 
    }); 
    return return_val; 
}; 

Answer 2

window.onbeforeunload = function(e) { 
    $('#wrapper>div').each(function(k,v) { 
     if($(this).text() == 's') { 
      $(this).text('aaaa'); 
     } 
    }); 
}