我正在嘗試為 HTML 標記分配一個事件處理程式，我想在值更改時觸發一個函式，但沒有觸發任何事件。
<progress
id="side-cart__progress-bar"
class="side-cart__progress-bar"
first-gift="{{ section.settings.product_1_progress_bar.id }}"
first-goal="{{ first_goal }}"
second-gift="{{ section.settings.product_2_progress_bar.id }}"
second-goal="{{ second_goal }}"
final-gift="{{ section.settings.product_3_progress_bar.id}}"
max="{{ final_goal }}"
value="{{ cart.total_price }}"
>
</progress>
這是我的 JS：
const $sideCartProgressBar = document.querySelector("#side-cart__progress-bar")
$sideCartProgressBar.addEventListener("change", function(){
console.log('Hello')
})
uj5u.com熱心網友回復：
<progress>不支持change事件監聽器。此外，據我所知，當您更改其value.
例如，您可以看到，MDN 記錄了change事件<select>的存在，但沒有類似的change事件檔案<progress>，這支持了我的說法，即<progress>. 事實上，根本沒有記錄的事件<progress>（除了繼承的 DOM 事件）。
您應該找到其他方法來執行此操作，例如修改更新 cart.total_price 的代碼，以便在達到 final_goal 時做一些額外的事情。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/410088.html
標籤：
上一篇：暗模式鏈接對比HTML/CSS