为什么 Safari 浏览器中的 `` 标签无法触发点击事件？

<div class="building_select">
  <div class="select_building">
    <div class="left_cent">楼栋</div>
    <select class="tower_select" id="first_tower_select">
      <optgroup disabled hidden></optgroup>
      <option value="0">全部</option>
    </select>
    <div class="select_room">
      <div class="left_cent">房号</div>
      <select class="n_select" id="first_storey_select">
        <optgroup disabled hidden></optgroup>
        <option value="0">全部层</option>
      </select>
      <select class="n_select" id="first_room_select">
        <optgroup disabled hidden></optgroup>
        <option value="0">全部房</option>
      </select>
    </div>
  </div>
</div>

$(document).on('click', '#first_tower_select', function () {
  let project_id = $("#first_project_select").val()
  if (project_id) {
    getBuilding(project_id)
  }
})

$(document).on('focus', '#first_tower_select', function () {
  let project_id = $("#first_project_select").val()
  if (project_id) {
    getBuilding(project_id)
  }
})