iphone的safari網頁離開事件偵測

javascript ios safari pagehide beforeunload

breakgod 2023-03-21 11:23:05 ‧ 1726 瀏覽

分享至

各位好

我目前在作一個網頁功能
當離開網頁時，要能偵測到，並彈出提醒訊息
windows端我用beforeunload事件可以偵測的到
但在ios上，使用iphone，並透過pagehide事件，無法偵測到網頁離開的事件

我的iphone手機相關規格如下：
機型：iphoneX
ios版本：16.3.1

程式碼如下：

var isOnIOS = navigator.userAgent.match(/iPad/i)|| navigator.userAgent.match(/iPhone/i);
var eventName = isOnIOS ? "pagehide" : "beforeunload";

window.addEventListener(eventName, function (event) { 
    call function...
	event.returnValue = "要離開頁面了喔!";
});

網路上找過很多方法，都無法work
請問是否有什麼方法或建議可以來偵測的到事件呢？
還請各位大神給點方向/建議，謝謝

ccutmis iT邦高手 2 級 ‧ 2023-03-21 11:40:15 檢舉

可以參考看看:
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5
-----
在支持的事件裡有提到 : unload請改用 pageshow 和 pagehide 事件。

breakgod iT邦新手 2 級 ‧ 2023-03-21 11:44:04 檢舉

你好，謝謝你，這文章我有看過，在我的上面問題的程式碼中，我就是使用pagehide 事件，但仍抓不到事件。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

ccutmis

iT邦高手 2 級 ‧ 2023-03-21 13:53:30

好久沒有土法煉鋼的回答問題了。

以下是剛才亂試試出來的效果給樓主參考，
我沒有ios的設備能測，是用M1的Safari(ver.16)測的，
按F5或關閉Tab是能彈出對話框詢問是否離開...

希望有幫助。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST onbeforeunload IN SAFARI</title>
<script>
window.onbeforeunload  = function(e){
  console.log('You Try to Close Tag or Refresh This Page.');
  e.returnValue = 'onpagehide';
}
</script>
<body>
<h1><a href="http://www.webkit.org/">TEST : 導向另一個網頁，不會觸發 onbeforeunload 事件</a></h1>
<h2> 按 F5 或 關閉 Tab 會觸發 onbeforeunload 事件．</h2>
</body>
</html>