
select 标签在 safari 中无法触发点击事件解决方法
问题描述:
在 Chrome 浏览器中,点击
HTML 代码:
<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>JavaScript 代码:
$(document).on('click', '#first_tower_select', function () {
let project_id = $("#first_project_select").val()
if (project_id) {
getBuilding(project_id)
}
})解决方法:
目前存在问题,在 Safari 浏览器中无法在
修改后的 JavaScript 代码:
$(document).on('focus', '#first_tower_select', function () {
let project_id = $("#first_project_select").val()
if (project_id) {
getBuilding(project_id)
}
})通过使用 onfocus 事件,可以在 Safari 浏览器中实现与 Chrome 浏览器类似的行为,即在点击
以上就是为什么 Safari 浏览器中的 `` 标签无法触发点击事件?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号