HTMLInputElement: cancel イベント

addEventListener("cancel", (event) => {});
oncancel = (event) => {};

<label for="file">ファイルを選択するか、選択をやめるかしてください。</label>
<input type="file" id="file" name="file" />
<div id="result"></div>

div {
  margin-bottom: 10px;
}

const elem = document.getElementById("file");
const result = document.getElementById("result");
elem.addEventListener("cancel", () => {
  result.textContent = "キャンセルされました。";
});
elem.addEventListener("change", () => {
  if (elem.files.length == 1) {
    result.textContent = "ファイルが選択されました。";
  }
});