[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件

如果要在 WordPress 的 Contact Form 7 這個 plugin 綁上一些事件的話，其本身也有提供回傳的事件可以去處理。

可以監聽的事件包含了以下這些，官方的資訊可以觀看 Dom events 文件說明：

• wpcf7invalid 驗證錯誤事件
• wpcf7spam 垃圾信事件
• wpcf7mailsent 信件送出成功事件
• wpcf7mailfailed 信件送出失敗事件
• wpcf7submit 按下送出事件

舉例來說如果要抓表單送出後去執行一些事情，比如填完資料後才可以下載檔案，在 javascript 可以這樣寫：

var wpcf7Elm = document.querySelector( '.wpcf7' );
 
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
  //do something here
}, false );

jQuery 的話則是以下寫法：

$(".wpcf7").on("wpcf7submit",function(){
  //do something here
})

如果要下載東西的話就是在事件觸發後像這樣寫就好了：

location = '下載的檔案連結';