当用户试图离开页面时,我使用下面的代码来confirmExit()
函数:
window.onbeforeunload = confirmExit; function confirmExit(){ return "Are you sure you want to exit this page?"; }
此外:
该页面还会激活AJAX函数以“即时”更新数据库。 因此,当用户离开页面时,我需要删除所有“即时”数据。
当用户点击“离开页面”按钮时,是否可以调用javascript函数?
您可以尝试使用window.onunload
:
window.onbeforeunload = function () { return "Are you sure?"; } window.onunload = function () { console.log("Too bad. Goodbye."); }
window.onunload
仅在用户单击“离开此页面”按钮时才会触发。
如果您想在用户点击“取消”时执行某些操作,可以尝试以下方法:
window.onbeforeunload = function () { setTimeout(function () { setTimeout(function () { console.log("Great decision!"); }, 200); }, 1); return "Are you sure?"; }
第一个setTimeout
将您的代码放入事件队列。 它将在确认框关闭后立即触发。 如果页面未过早关闭,则会在一段时间后触发第二个setTimeout
。
对于那些正在进行某些XHR onunload
:确保在页面关闭之前使用同步方法来完成您的请求。 例如,在jQuery.ajax
中的jQuery.ajax
或XMLHttpRequest.open(method, url, false)
中使用async: false
。
需要了解更多jQuery教程分享用户确认“离开页面”时触发javascript函数,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
以上就是jQuery教程分享用户确认“离开页面”时触发javascript函数相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/981844.html