作者kisha024 (4545454554)
看板Ajax
標題[問題] jquery 的 event.preventDefault()
時間Mon Oct 17 17:19:19 2022
各位好
我參考底下的教學 測試 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/
想請問 是哪裡寫錯了嗎？
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.138.71.71 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1665998364.A.26B.html
1F：推 eight0: 沒有呼叫PV()函式，自然沒有產生功能 10/17 17:56
2F：推 h569: 你把PV()寫好但沒有呼叫 10/17 18:08
不好意思 我擺了個大烏龍
我在jsfiddle 忘了加上 onclick="PV()" 但截圖是有的 jsfiddle已更正 如下
https://jsfiddle.net/an594hkw/
奇怪的是 在jsfiddle onclick="PV()" 是可以work
但在我本機的html 如下 不能work
https://www.sendspace.com/file/oqfo3y
請問 是哪裡出錯了嗎？
3F：→ surimodo: 要先在script呼叫一次PV()套上監聽事件 10/19 17:42
4F：→ surimodo: 然後你的寫法div得不到event事件 10/19 17:43
不好意思 請問 在script呼叫一次PV()套上監聽事件和div能得到event事件 要怎麼改?
另外 為什麼 jsfiddle 沒有這個問題 不用改就可以work呢?
謝謝
5F：→ surimodo: 你不先呼叫一次 10/20 09:03
6F：→ surimodo: 第一次按 預設跳轉還是會觸發 10/20 09:03
7F：→ surimodo: 你可以想成同時做兩件事 1.預設跳轉 2.PV() 一起做 10/20 09:04
8F：→ surimodo: 但你呼叫了 1.的預設跳轉就被取代變成你寫的PV()優先 10/20 09:04
9F：→ surimodo: jsfiddle沒問題要看網站有沒有針對功能修改 10/20 09:05
10F：→ surimodo: 我覺得應該只是jsfiddle把submit跳轉頁面取消 10/20 09:06
11F：→ surimodo: 所以雖然 1跟2同時觸發 但1跳轉jsfiddle沒執行 10/20 09:07
13F：→ surimodo: 你原始寫法還有個問題是一直套上事件監聽 10/20 09:21
謝謝你 我再想看看
※ 編輯: kisha024 (114.27.132.227 臺灣), 10/20/2022 22:34:54
14F：推 h569: 我的理解是:你把onClcick事件結合PV()，第一次點擊才會產生 10/24 17:30
15F：推 h569: submit的事件監聽，所以不會符合你預期的情況work 10/24 17:32
16F：→ oking: 先瞭解button type=submit的作用，才知道為什麼要preventDe 12/19 15:36
17F：→ oking: fault，你的click function做的事如果跟submit無關，就不要 12/19 15:36
18F：→ oking: 用submit 12/19 15:36