我有一個彈出窗口,我希望它顯示當用戶點擊返回按鈕或正在離開,是否有一種方法來延遲離開或返回到前一頁的時間?如何在用戶點擊返回按鈕或正在離開時執行功能。以及如何延遲它?
這裏是彈出代碼:
<div style="display: block;" id="ouibounce-modal">
<div id="popup">
<div id="close">×</div>
<div id="popup_img" class="hos_modal">
<a href="www.google.com/click"
onclick="DisableExitTraffic();"><img
src="http://placehold.it/500/500"></a>
</div>
</div>
</div>
<script type="text/javascript">
// if you want to use the 'fire' or 'disable' fn,
// you need to save OuiBounce to an object
$("#ouibounce-modal").show();
var _ouibounce = ouibounce(document.getElementById('ouibounce-
modal'), {
aggressive: true,
timer: 0,
callback: function() { console.log('ouibounce fired!'); }
});
$('body').on('click', function() {
$('#ouibounce-modal').hide();
});
$('#ouibounce-modal .modal-footer').on('click', function() {
$('#ouibounce-modal').hide();
});
$('#ouibounce-modal .modal').on('click', function (e) {
e.stopPropagation();
});
$("#close").click(function() {
$("#popup").hide();
});}
</script>