javascript - 事件在开幕前进行选择。 (点击速度不够快)

Question

我想在用户单击选择时，就在选项列表出现之前调用一个方法。 (点击事件之后调用)

我想这样做是为了在用户可以看到选项列表之前修改它。

有什么想法吗？

Answer 1

鼠标按下和焦点事件都允许您在打开下拉列表之前修改选项。

var el = document.getElementById("sel");

// Change focus to click or mousedown to see the difference
el.addEventListener("focus", modifyOpt, false);

function modifyOpt() {
  var opts = sel.options;
  opts[0].innerHTML = '2';
}

<select id="sel">
  <option>1</option>
</select>