精华内容
下载资源
问答
  • webview 监听页面显示事件,很好用
  • 监听页面加载完成监听页面加载完监听页面加载完成监听页面加载完成监听页面加载完成监听页面加载完成监听页面加载完成监听页面加载完成成
  • 我的需求是用户在h5直播间关闭网页时,监听关闭事件,然后异步发送一条消息给后台,此人已经离开。 onunload,关闭网页触发 onbeforeunload,关闭网页及onunload回调前触发 pagehide,同onunload,适用于高版本的...

    首先请原谅我折腾了很久,所以才要记下来。

    我的需求是用户在h5直播间关闭网页时,监听关闭事件,然后异步发送一条消息给后台,此人已经离开。

    onunload, 关闭网页触发

    onbeforeunload,关闭网页及onunload回调前触发

    pagehide,同onunload,适用于高版本的ios系统,我是苹果6,10.0以上系统

    一,先发ios平台解决方案

    window.addEventListener('pagehide', function () {

    console.log('页面要关闭了');

    $.ajaxSettings.async = false; //同步请求,防止页面还没执行post请求就关闭页面了

    $.post("url",{},function(data){

    },'json')

    });

    上面标红色是的重点

     

    二,安卓处理解决方案

    window.onunload = function () {

    console.log('页面要关闭了:onunload');

    $.post("url",{},function(data){

    },'json')

    localStorage.setItem('isOut', true)

    }

    说明:蓝色是调试方法,用alert()会失效,也不要想着用return;用console.log在日志打印时会一闪就过去了,

    说明方法是执行了,如果一定确定有没有执行,就用localStorage.setItem('isOut', true)

    查看一下localStorage 里面变量有没有增加

    ——————————————————————————————————

    以下是一些尝试,可能对你有所启发:

    if (window.addEventListener) {
            window.addEventListener("onunload", function () {
                console.log('页面要关闭了:onunload');
             // do something
             $.post("url",{},function(data){
                 
             },'json')
            })
          } else if (window.attachEvent) {
            // 主要是为了兼容老的IE
            window.attachEvent('onpagehide', function () {
              // do something
              $.post("url",{},function(data){
                 
             },'json')
            })
          } else {
            window.onbeforeunload = function () {
              // do something
               console.log('页面要关闭了:onunload');
              $.post("url",{},function(data){
                 
             },'json')
            }

     

    实践得知:

    onunload在安卓手机有效果,不用设置异步请求为同步。

    pagehide在ios中有用,但如果有异步请求,最好改成同步

     

    希望有帮到你,现在是凌晨3:00,如果点赞不麻烦您的话,请不要吝惜。

     

    这是我的博客:http://www.taoxtao.cn/archives/2280

    展开全文
  • 本文主要介绍了javascript监听页面刷新和页面关闭事件的方法,具有一定的参考价值,下面跟着小编一起来看下吧
  • 文章目录一、需求二、实现方法三、代码 一、需求 当我们在csdn复制别人写的...监听window.oncopy事件 window.getSelection().toString()获取文本信息 ( event或者window[IE浏览器] ).clipboardData.setData(type,c...

    一、需求

    当我们在csdn复制别人写的博客的时候,复制的内容都会加上别人的版权信息,此处用的就是window的copy事件。

    二、实现方法

    1. 监听window.oncopy事件
    2. window.getSelection().toString()获取文本信息
    3. ( event或者window[IE浏览器] ).clipboardData.setData(type,content)重新设置被复制的内容。
    4. event.preventDefault()阻止默认行为,否则无法重置被选中的内容。

    三、代码

    html

    <!doctype html>
    <html>
    <head>
        <title>copy</title>
    </head>
    <body>
         <div id="copy">这是复制的内容</div>
    </body>
    </html>
    
    window.oncopy = function(e){
        var selecttion = window.getSelection().toString();
        if(e.clipboardData){
            e.clipboardData.setData('text/plain', selecttion + '这是大勇哥的博客:https://blog.csdn.net/zy444263/article/details/83827697')
        }else if(window.clipboardData){
            //ie浏览器
            window.clipboardData.setData('text/plain', selecttion + '这是大勇哥的博客:https://blog.csdn.net/zy444263/article/details/83827697')
        }
        //阻止默认行为,否则无法重置被选中的内容。
        e.preventDefault();
    }
    
    展开全文
  • ReactJS 监听页面滚动事件

    万次阅读 2017-09-27 07:55:59
    需要使用监听页面的滚动事件,折腾了挺久终于实现了,写出来跟大家分享一下。希望有更好的做法也能留言给我,谢谢��export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); ...

    需要使用监听页面的滚动事件,折腾了挺久终于实现了,写出来跟大家分享一下。希望有更好的做法也能留言给我,谢谢��

    export class Example extends Component{
       scrollHandler = this.handleScroll.bind(this);
        componentDidMount() {
          window.addEventListener('scroll', this.scrollHandler);
        }
         _handleScroll(scrollTop) {
             console.log(scrollTop)
             //滚动条距离页面的高度
            }
        }
        handleScroll(event) {
            let scrollTop = event.srcElement.body.scrollTop;
            this._handleScroll(scrollTop);
        }
    }

    这里写图片描述

    展开全文
  • vue:监听页面缓存事件

    千次阅读 2019-04-03 22:26:18
    项目中需要用到websocket,在网页刚打开的时候,就要进行对话的连接绑定,就我这菜鸟来说,第一次这么搞事情,也是刚接触websocket没多久,这咋整啊?在App.vue中设置了绑定,所有的信息返回都在app.vue组件里面,...
  • 监听页面返回事件或者移动端返回按钮事件pushHistory(); window.addEventListener("popstate", function(e) { // pushHistory(); alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 }, ...
  • //监听鼠标 document.onmousedown = function(e){ var e = e || event; console.log(e); } //监听键盘 document.onkeypress = function(e){ var e = e || ...
  • javascript 监听页面事件的函数

    千次阅读 2009-04-01 11:44:00
    有时候我们需要用javascript动态添加事件,这就涉及到浏览器的兼容性问题,以下是几种常见的方法,我们也常常混合使用。 方法一、setAttribute var obj = document.getElementById("obj"); obj.setAttribute(...
  • 监听页面回车事件

    千次阅读 2011-04-02 14:35:00
       网页中经常要用到,回车执行搜索、回车执行表单提交等功能,而且鉴于IE和Firefox对事件处理的方式不一样,所以在网上查阅并总结如下:  1、将事件写成全局的,捕获页面内的所有按键,通过判断...
  • 页面滚动监听事件

    千次阅读 2019-05-13 15:51:12
    一般网页中的返回顶部按钮都是通过滚动监听事件来实现的 这个例子是当滚动条下拉到一定程度之后,某个元素中的所有内容都变成fixed css样式 .fixed { position: fixed; top: 60px; right: 175px; width: 390...
  • s 监听后退事件及跳转页面 //直接跳转 window.location.href="b.html"; //返回上一级页面 window.history.back(-1); //返回下一级页面 window.history.go(-1); jq监听后退事件 <script type="text/...
  • 微信页面监听返回事件,关闭页面

    千次阅读 2018-10-25 11:25:13
    pushHistory(); window.addEventListener(&amp;quot;...我监听到了浏览器的返回按钮事件啦&amp;quot;);//根据自己的需求实现自己的功能 //alert('guanbi'); WeixinJSBridge.call('clos
  • 思路:scroll在哪儿个...对于像我这样,只在页面的内的一个div内要监听的。 实现代码如下: 第一步:滑动的组件外层的div加 ref=”viewBox” 为了通过$refs获取dom元素 <!--设备列表--> <mu-refresh-con
  • 微信公众号监听页面返回事件

    千次阅读 2019-03-11 23:28:04
    function pushHistory(){ var state = { title: "", url: "#" }; window.history.pushState(state, state.... //alert("触发了页面返回事件") 可以放实际业务代码 win_close(); },false); })();  
  • jquery监听页面滚动条滚动事件

    万次阅读 2018-08-10 16:08:02
    $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document).height(); //内容高度 ...
  • 【vue】监听页面刷新和关闭事件

    千次阅读 2019-12-11 19:56:03
    vue监听页面刷新和关闭事件 需求背景 在离开页面的时候,需要弹出提示框,让用户确定是否真的要关闭网页。如果用户真的需要关闭网页,则让浏览器向后台提交信息。 原始实现 在beforeDestory钩子函数中,调用提交操作...
  • 今天小编就为大家分享一篇js监听html页面的上下滚动事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • jQuery监听页面的滚动状态,实现代码: $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document).height();.....
  • jquery监听页面滚动条滚动事件上拉触底事件 $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document)....
  • window.open打开的页面监听关闭事件 js操作 var page = window.open('xxx'); page.onunload = function() { console.log('closed'); }
  • vue 页面切换监听事件

    千次阅读 2019-11-06 10:34:02
    这篇文章主要介绍了关于vue 获取页面详情后 切换页面时 如何监听用户是否修改过信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 可以用 beforeRouteLeave 和 updated 来判断 name: '...
  • js 页面刷新和关闭 window.onbeforeunload = function(){ var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth-20; if(b && window.event....
  • 在vb中,滚动条的scroll 事件和change 事件的区别scroll和change的区别为:指代不同、用法不同、侧重点不同 一、指代不同scroll:滚屏,滚动。...如何获取网页滚动条滚动事件首先新建一个html文件,在文件内引入...
  • 在使用electronjs打包桌面软件的时候,如果启动软件之后,网络不通的情况下,加载网页失败,会显示白屏,在此情况下需要对加载网页失败的事件进行处理 2. 处理手段 2.1 监听did-finish-load事件 mainWindow....
  • h5监听页面返回

    2020-11-30 16:48:39
    在移动端我们常常需要监听页面的返回,例如用户点击返回按钮时,我们需要给一个提示框,提醒用户是否真的要返回。但是ios以及许多的安卓手机可以左滑返回上一页,所以我们需要监听页面的返回 if (window.history &...
  • JQ监听页面滚动 下拉到底事件

    千次阅读 2019-11-29 15:08:22
    1、监听整个demo的滚动 <script> $(function(){ $(window).scroll(function() { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(th...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 83,168
精华内容 33,267
关键字:

网页监听页面事件