[問題] jquery 的 event.preventDefault()

作者: kisha024 (4545454554)   2022-10-18 01:19:19
各位好
我參考底下的教學 測試 event.preventDefault()
https://api.jquery.com/event.preventdefault/
如果是這樣寫 運作正常
https://jsfiddle.net/8aLs1nwd/
https://i.imgur.com/AEwikoq.png
如果 我把 $('#Submit1').click 移到 function PV() 裡面 就不能work 如下
https://i.imgur.com/AbTK7bp.png
https://jsfiddle.net/an594hkw/
想請問 是哪裡寫錯了嗎?
謝謝
作者: eight0 (欸XD)   2022-10-18 01:56:00
沒有呼叫PV()函式,自然沒有產生功能
作者: eight0 (欸XD)   2022-10-18 01:56:00
沒有呼叫PV()函式,自然沒有產生功能
作者: h569 (56789)   2022-10-18 02:08:00
你把PV()寫好但沒有呼叫
作者: h569 (56789)   2022-10-18 02:08:00
你把PV()寫好但沒有呼叫
作者: surimodo (好吃棉花糖)   2022-10-20 01:42:00
要先在script呼叫一次PV()套上監聽事件然後你的寫法div得不到event事件你不先呼叫一次第一次按 預設跳轉還是會觸發你可以想成同時做兩件事 1.預設跳轉 2.PV() 一起做但你呼叫了 1.的預設跳轉就被取代變成你寫的PV()優先jsfiddle沒問題要看網站有沒有針對功能修改我覺得應該只是jsfiddle把submit跳轉頁面取消所以雖然 1跟2同時觸發 但1跳轉jsfiddle沒執行類似這樣吧 https://paste.ee/p/GWJ95你原始寫法還有個問題是一直套上事件監聽
作者: surimodo (好吃棉花糖)   2022-10-20 01:42:00
要先在script呼叫一次PV()套上監聽事件然後你的寫法div得不到event事件你不先呼叫一次第一次按 預設跳轉還是會觸發你可以想成同時做兩件事 1.預設跳轉 2.PV() 一起做但你呼叫了 1.的預設跳轉就被取代變成你寫的PV()優先jsfiddle沒問題要看網站有沒有針對功能修改我覺得應該只是jsfiddle把submit跳轉頁面取消所以雖然 1跟2同時觸發 但1跳轉jsfiddle沒執行類似這樣吧 https://paste.ee/p/GWJ95你原始寫法還有個問題是一直套上事件監聽
作者: eight0 (欸XD)   2022-10-17 17:56:00
沒有呼叫PV()函式,自然沒有產生功能
作者: h569 (56789)   2022-10-17 18:08:00
你把PV()寫好但沒有呼叫
作者: surimodo (好吃棉花糖)   2022-10-19 17:42:00
要先在script呼叫一次PV()套上監聽事件然後你的寫法div得不到event事件你不先呼叫一次第一次按 預設跳轉還是會觸發你可以想成同時做兩件事 1.預設跳轉 2.PV() 一起做但你呼叫了 1.的預設跳轉就被取代變成你寫的PV()優先jsfiddle沒問題要看網站有沒有針對功能修改我覺得應該只是jsfiddle把submit跳轉頁面取消所以雖然 1跟2同時觸發 但1跳轉jsfiddle沒執行類似這樣吧 https://paste.ee/p/GWJ95你原始寫法還有個問題是一直套上事件監聽
作者: h569 (56789)   2022-10-24 17:30:00
我的理解是:你把onClcick事件結合PV(),第一次點擊才會產生submit的事件監聽,所以不會符合你預期的情況work
作者: oking   2022-12-19 15:36:00
先瞭解button type=submit的作用,才知道為什麼要preventDefault,你的click function做的事如果跟submit無關,就不要用submit

Links booklink

Contact Us: admin [ a t ] ucptt.com