如何在每次重置事件后填充某个值以进行输入

Question

HTML表单reset事件在表单实际清除其表单字段之前触发。

<form id="wrapper-form"
<input id="something-needs-to-be-filled-after-each-reset" />
</form>

如果我在reset事件上挂接一个事件侦听器，以填充某个值，那么它将被随后的clear清除。

document.querySelector("form#wrapper-form").addEventListener("reset", evt => document.querySelector("input#something-needs-to-be-filled-after-each-reset").value="something_to_be_filled_on_each_reset";);

如何使此侦听器在实际清除表单后执行？

Answer 1

<input id="something-needs-to-be-filled-after-each-reset" 
value="something_to_be_filled_on_each_reset" />

或者你可以有一个功能，通过点击重置按钮来启动