JS后退劫持

yang。

觉得有用的兄弟可以用广告币砸死我
/ t$ X+ d+ a; S, v( C3 S+ C$ a
) G' t, y, {( M
! H0 T: g& N8 O# [& e" W1 A$(function () {
    addEventBack();
1 M3 T$ Y; E+ u& D
    function addEventBack() {
: |7 e1 q3 T) e( I7 k% @        pushHistory();
0 L+ S+ f7 {5 U" ~: A        window.addEventListener("popstate", addBackKey, false);
3 l0 v' }+ }# F' [0 ~6 Z
        function pushHistory() {
            var state = {title: "title", url: "#"};
; [+ I0 l* o" b            window.history.pushState(state, "title", "#jjjj");
( h, ?7 E4 R* y1 y9 }6 g/ ?9 r        }
    }
% o% x6 s. N$ z2 v
    function addBackKey() {
        var res = confirm("是否确认离开当前页面？");
        if (res == true) {
            window.location.href = "http://www.baidu.com";
* e- L" `2 z" \) R        } else {
            addEventBack();
7 u& P) U: s9 @: U' G, z            history.pushState(state, null, location.href);
        }
, v1 q( g! X* `' D* N    }
})

$ W# k8 w  k! g6 d! e/ Q0 ~


& M. h* y+ [: l# R

4 X6 S$ l  c9 M/ `8 j
妈的，经过反复测试，发现写的时候打开了F12，触发了浏览器用户事件，popstate 事件才生效了，乌龙了

. r+ V$ M: Z& E* Q
) z: \3 G9 j/ T; Q- C7 a3 e- o2 G经查阅资料和API，发现必须要有用户交互的动作才能触发

& j% O  O7 `3 ?  a5 G


所以以上代码只适用于有用户交互动作之后的回退劫持
+ S) x( H9 F4 D8 V1 K" e) E

yang。

要两个页面
A -> B
. ~! L, J. _- L. \3 S. A3 p% ]
* q) F1 S7 e) ]% {/ F代码放B页面，先由A页面通过a标签跳转到B页面，然后点浏览器上的后退按钮。

Luckmc

yang。 发表于 2021-7-15 15:22
, m1 }9 R( ~/ u6 d要两个页面
9 |+ s" a" [- S% WA -> B

老哥，发一个附件文本呗。

Hyderich

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

yang。

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

要下班嘞，一会儿回去搞上

yang。

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

付费的？ 哪个。。。

Hyderich

yang。 发表于 2021-7-15 18:04
  ^3 W6 r5 d. e4 h+ f  u: F付费的？ 哪个。。。

popupmaker，挺好用的，之前跑dating我用的弹出一个yes/no挽留选项到smartlink,转化率比直接跳提高不少，我的aff链接：
https://popupmaker.com/affiliate/ref/8aed9ff6

马嘉

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

cissss

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