JS后退劫持

yang。

觉得有用的兄弟可以用广告币砸死我
8 Q4 U0 w, {& s: N* O' X7 @6 h

$(function () {
: \! |/ q% i" b$ B! a) n    addEventBack();
5 ~* y8 Q. B2 r+ {9 E
& x' h+ T. C0 F! B9 o3 O8 w5 n    function addEventBack() {
, s4 X) @- z5 {1 \& z1 k5 B0 K        pushHistory();
        window.addEventListener("popstate", addBackKey, false);

. X) J& l! ^2 w8 B: p        function pushHistory() {
            var state = {title: "title", url: "#"};
            window.history.pushState(state, "title", "#jjjj");
- T8 b0 n$ p* p9 x        }
    }

1 `/ j7 g% E$ S  }% }    function addBackKey() {
        var res = confirm("是否确认离开当前页面？");
        if (res == true) {
: U2 w% M" A3 o+ d" s" |            window.location.href = "http://www.baidu.com";
        } else {
            addEventBack();
4 P; k3 a+ N1 b5 A% c2 |            history.pushState(state, null, location.href);
        }
    }
( p! Q, n8 G8 x7 G0 s* _- V})

8 J  N. O6 k: d# B, _

4 k7 m3 _' ?2 w& u2 H' L

- V2 J2 @. g; F, ?7 d  G- x
/ {# H8 d: ]* q6 U+ d6 T. c
妈的，经过反复测试，发现写的时候打开了F12，触发了浏览器用户事件，popstate 事件才生效了，乌龙了
& F+ B! {7 ]0 i6 C, J
7 L: K0 P0 J0 O& q
# \/ R7 X6 Q0 Z: _% M2 B9 r+ t经查阅资料和API，发现必须要有用户交互的动作才能触发
4 B) \" i" \( p* \1 p

$ I) [6 h' W' X- k+ h2 }

  \2 c# I" M6 l# G# N* Y所以以上代码只适用于有用户交互动作之后的回退劫持

yang。

要两个页面
* s2 L6 B9 k% Q5 V2 ?A -> B

代码放B页面，先由A页面通过a标签跳转到B页面，然后点浏览器上的后退按钮。

Luckmc

yang。 发表于 2021-7-15 15:22
要两个页面
! z1 _5 r/ M  U& n& u: e/ dA -> B

  V: I& p  r# {' H- C% M2 j老哥，发一个附件文本呗。

Hyderich

感谢分享，不过我这懒人直接用付费的，后退键页内弹出小广告，还能定制样式

yang。

Luckmc 发表于 2021-7-15 17:44
老哥，发一个附件文本呗。

2 G9 J5 l$ M8 A  f5 \  p: s" [要下班嘞，一会儿回去搞上

yang。

Hyderich 发表于 2021-7-15 17:59
感谢分享，不过我这懒人直接用付费的，后退键页内弹出小广告，还能定制样式 ...

付费的？ 哪个。。。

Hyderich

yang。 发表于 2021-7-15 18:04
付费的？ 哪个。。。

7 k4 r( c) f; P+ u3 U, apopupmaker，挺好用的，之前跑dating我用的弹出一个yes/no挽留选项到smartlink,转化率比直接跳提高不少，我的aff链接：
$ x. K; d2 g1 }0 ghttps://popupmaker.com/affiliate/ref/8aed9ff6

马嘉

不太懂代码，这个是用户点击后退按钮，然后跳到指定的新页面吗？

cissss

这玩意儿有技术要求的，像我们这种一般人，还是花钱吧，adspyglass有全套pop代码