JS后退劫持

yang。

4 b& r3 U- E: H/ O8 p
觉得有用的兄弟可以用广告币砸死我
  b7 D" x/ s- U8 M( j
' L8 q" t8 Z# ?
$(function () {
    addEventBack();

# Z  t' \/ r1 f" o% {5 I    function addEventBack() {
        pushHistory();
        window.addEventListener("popstate", addBackKey, false);
) C# M6 h6 X9 P* p  C2 h
        function pushHistory() {
1 l! l) R' J1 ?0 ~' P( ]) n! R            var state = {title: "title", url: "#"};
            window.history.pushState(state, "title", "#jjjj");
' g9 J1 b1 c! h        }
    }

6 n! }' f& ?! P( Y, L    function addBackKey() {
* ^! W# ?$ i0 \$ H        var res = confirm("是否确认离开当前页面？");
        if (res == true) {
% \, c4 G8 \. H. C: S            window.location.href = "http://www.baidu.com";
        } else {
            addEventBack();
            history.pushState(state, null, location.href);
: D% F$ v: ^/ N# U3 e0 E7 k        }
- L$ z$ _; w3 b* f& G! c    }
})

5 M) T0 S' g+ v" y/ k4 o2 u% d


" H* c6 X5 \# G7 O; d
2 `. a3 b+ U$ s' f' q1 h. Y
, J$ [2 d* P! B0 M1 D, D
妈的，经过反复测试，发现写的时候打开了F12，触发了浏览器用户事件，popstate 事件才生效了，乌龙了
+ D! m- @" R) y6 b" F
4 u  j0 A; p8 m3 O) T$ o
经查阅资料和API，发现必须要有用户交互的动作才能触发
. E* N' L' o( J8 L1 m
- j3 _0 M; g  `+ p/ p
; h+ R2 E% ~! X) b' \

( U# g3 a0 R1 |- O' t% D0 q$ o: l所以以上代码只适用于有用户交互动作之后的回退劫持

yang。

要两个页面
A -> B

/ u. h2 C4 b4 g9 ]9 ]6 u6 \$ j* }代码放B页面，先由A页面通过a标签跳转到B页面，然后点浏览器上的后退按钮。

Luckmc

yang。 发表于 2021-7-15 15:22
3 `5 M( I7 m$ b9 a1 U$ I, K要两个页面
% W6 c- a) C4 {  ?A -> B

' V7 v; \+ @# {" m2 ^( q老哥，发一个附件文本呗。

Hyderich

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

yang。

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

/ @) O' Z5 j- U要下班嘞，一会儿回去搞上

yang。

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

: H& H( ]. W. b$ Y) n* L! P- j付费的？ 哪个。。。

Hyderich

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

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

马嘉

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

cissss

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