如何處理的onsubmit與多米納

Question

我一直在嘗試寫使用Domina library在cljs以下等效：

HTML：

<form id="my-form"> 
    <input type="text /> 
    <input type="submit" /> 
</form> 

的Javascript（jQuery的）：

$("#my-form").submit(function() { 
    console.log("submit suppressed"); 
    return false; 
}); 

解決方案不令我滿意（沒有Domina庫非常詳細）：

(set! (.-onsubmit (.getElementById js/document "my-form")) #(do 
                   (.log js/console "submit suppressed") 
                   false)) 

我已經嘗試了許多解決方案，都失敗了 - 所有有點類似：

(listen! (by-id "my-form") :submit #(do 
             (log "submit suppressed") 
             false)) 

這是故意的，我不使用click事件，因爲我也想當執行的功能該表單由代碼或鍵盤提交。

Answer 1

當您從jQuery事件處理程序中返回false，磁帶庫會自動調用e.preventDefault和e.stopPropagation（更多信息請參見here）。調用此功能是控制event行爲的正確方法。

Domina在ClojureScript理解的東西中包裝js/Event。因此，您可以直接撥打preventDefault和stopPropagation，而無需使用Javascript互操作。你可以閱讀更多關於這個巧妙的技巧：https://github.com/levand/domina#event-objects。

這個技巧可能是導致返回false根本不工作的原因。這個技巧的實現方式（看代碼here）是用另一個總是返回true的函數包裝你的函數。

所以，你的代碼應該是更多這樣的：

(listen! (by-id "my-form") :submit 
     (fn [e] 
      (do 
      (log "submit suppressed") 
      (prevent-default e) 
      (stop-propagation e))))