iT邦幫忙

0

請問如何利用Jquery設定關閉或離開網頁前要做的事?

  • 分享至 

  • xImage
<form id="new_order" onkeydown="if(event.keyCode==13){return false;}">
  <label>人員:</label>
  <input class="form-control disabled" type="text" value="張學友"  readonly><br>
  <label>店家:</label>
  <select style="font-size:19px" class="form-select form-select-lg" name="shop" id="shop" required>
    <option value="">選擇店家...</option>
    <option value="梅家村">梅家村</option>
    <option value="劉江便當">劉江便當</option>
  </select><br>
  <label>金額:</label>
  <input type="text" class="form-control" id="completion_price" inputmode="numeric"><br>   
  <button type="submit" class="btn btn-order_add"><i class="fa-solid fa-file-circle-plus"></i> 開團吧</button> 
</form>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>

我想要用Jquery寫一個『關閉視窗』&&『上一頁下一頁』&&『設定時間內』要觸發的動作,我有爬過文找到$(window).bind('beforeunload', function ()這個方式,但這功能好像Jquery3.0之後不能用了,我目前用的是3.6.1...請問各位前輩老師們~我該怎麼寫呢?

看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2023-03-16 15:39:20 檢舉
$(window).on('beforeunload', function(){
...
});

bind在改版後就被on取代,早就棄用了。
ccutmis iT邦高手 2 級 ‧ 2023-03-16 15:39:54 檢舉
如果是關閉視窗前要做什麼... 你可以參考這個 跟 jquery 不衝突 :
https://www.geeksforgeeks.org/how-to-detect-browser-or-tab-closing-in-javascript/
lanhungyi iT邦新手 5 級 ‧ 2023-03-16 17:12:45 檢舉
froce老師您好~這個方法測試沒問題~謝謝您~!!
lanhungyi iT邦新手 5 級 ‧ 2023-03-16 17:22:58 檢舉
ccutmis老師~您的方法測試也沒問題~謝謝您~!!
淺水員 iT邦大師 6 級 ‧ 2023-03-16 21:20:24 檢舉
其實應該把上述資訊結合在一起的,ccutmis 貼的是原本 javascript 的語法,而 .on 其實也是原本 javascript 的語法包裝後的東西。所以基本上 addEventListener 能掛上去的事件,on 也可以掛上去
淺水員 iT邦大師 6 級 ‧ 2023-03-16 21:22:05 檢舉
閒暇之餘可以多回頭看一下原生 javascript 的東西
lanhungyi iT邦新手 5 級 ‧ 2023-03-17 09:40:00 檢舉
謝謝 淺水員老師指教
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答