2 a35038438 a35038438 于 2016.03.31 11:46 提问

有没有监听离开页面时的事件?

有没有监听离开页面时的事件(我想要弹出自定义的提示框,onbeforeunload和onunload都只能弹出浏览器样式的提示框)?
onbeforeunload和onunload都只能弹出浏览器样式的提示框所以请不要回复这两个。

7个回答

q286127285
q286127285   2016.03.31 13:32

document.onclick = function (event)

{

var e = event || window.event;

var elem = e.srcElement||e.target;

        while(elem){   
            if(elem.id == "menuContent"||elem.id =="more_but") {  
                    return;
            }  
            elem = elem.parentNode;       
        } 
        hideMenu(); 
    } 
q286127285
q286127285   2016.03.31 13:34

这个是离开某个id为menuContent或者more_but的div时,
触发hideMenu(); 事件

a35038438
a35038438 十分感谢,这个办法好!
2 年多之前 回复
qq_18538601
qq_18538601   2016.03.31 11:49

window.unonload = function(){alert('确定要离开吗?');} 望采纳

a35038438
a35038438 您好,window.unonload = function(){}方法有进入,但是alert('确定要离开吗?')并没有执行,感谢您的回复
2 年多之前 回复
showbo
showbo   Ds   Rxr 2016.03.31 11:58

无法自定义这个,只能由浏览器控制

a35038438
a35038438 回复无聊码农: 啊,就没有其它监听离开页面的方法了吗
2 年多之前 回复
showbo
showbo 回复ikgade: no。。只能用浏览器的
2 年多之前 回复
a35038438
a35038438 感谢回复!离开页面时触发事件,能弹出自己隐藏的提示框吗?我使用onbeforeunload方法,只能return [字符]。
2 年多之前 回复
qq_20389175
qq_20389175   2016.03.31 12:21

“我想要弹出自定义的提示框”。。。你这不是事件的问题,而是自定义弹出框的问题。。。插件有很多百度一大堆,你完全自己写的话参考别人的插件改改样式改改图片就OK。
window.onbeforeunload = function() {
在这里调用自己的弹窗就OK;;;
}

qq_20389175
qq_20389175   2016.03.31 12:23

算了弹窗插件的连接也给你吧 http://www.jq22.com/jquery-info2607 自己下载看看想改就改。。。

a35038438
a35038438 谢谢你的插件,显示这个插件的条件是:离开页面,我想问的是离开页面时,怎么样才能让浏览器监听到我有离开页面的操作(刷新、关闭、跳转等),然后再显示出提示框。之前我的问题描述不清楚,抱歉。
2 年多之前 回复
CSDNXIAON
CSDNXIAON   2016.03.31 16:22

页面离开时的 javascript事件
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Jquery实现如何关闭离开页面时提醒
方法/步骤 jquery离开页面弹出提示 1 jquery离开页面弹出提示代码: //绑定beforeunload事件$(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';}); //解除绑定,一般放在提交触发事件中$(window).unbind('beforeunload'); END 方法/步
离开页面触发事件onunload、onbeforeunload区别
onunload和onbeforeunload两个事件都是在执行页面刷新、关闭、浏览器关闭时能触发,不过在访问服务器读取新的页面时执行顺序有所不同,并且onunload无法阻止页面的关闭与刷新,onbeforeunload可以做到: onunload是在服务器上已经读取到数据,将要替换当前页面时执行,一般用于当离开页面以后执行的动作。 onbeforeunload是正要向服务器读取新的页面时执
javascript 监测页面离开事件
javascript 监测页面离开事件
用户离开页面前,提示是否离开此页面(包括浏览器按钮事件)
用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbeforeunload = function(){ return "您的文章尚未保存!";   } 如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见的就是使用unload事件,但这种实现有一个缺点,就是不管同意与否
vue页面离开后执行函数
 destroyed: function () {           console.log("我已经离开了!");    this.stopTimer(); },说明:destroyed是与methods、mounted同层级的mounted(){ this.startTimer(); }, //离开当前页面后执行 destroyed: function () { this.s...
js离开当前页面时触发的函数
js离开当前页面时触发的函数: window.onbeforeunload=fun() ; function fun(return 'msg';) ; 这样子在浏览器在捕捉到页面即将离开的时候就会弹出提示框,显示msg的内容,询问你确定或者取消 目前三大主流浏览器中firefox和IE都支持onbeforeunload事件 另外还有一个相似的函数Onunload: Onunlo
Javascript:DOM事件(监听鼠标点击/释放,鼠标悬停/离开等)
使用Javascript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等。
ReactRouter 离开页面的钩子
componentDidMount() { this.props.router.setRouteLeaveHook( this.props.route, this.routerWillLeave ) } routerWillLeave(nextLocation) { return '确认要离
JS 监控页面刷新,关闭 事件的方法
JS 监控页面刷新,关闭 事件的方法   | onbeforeunload与onunload事件Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。   Onbefo
AngularJS监听页面关闭,定时器$interval()的使用
//注意 interval()一定要记得调用关闭 避免重复调用 //定义Angular定时器 $interval.cancel(fixedTimes);为关闭定时器的方法 var fixedTimes =$interval(function(){ },1000); //AngularJS监听页面关闭事件 $scope.$on("$destroy", functio