在 Firefox 中,当选择具有位置和 z 索引时,为什么更改事件不会在选项卡上触发
In firefox, when a select has position and a z-index, why do change events not fire on tab?
查找有关为什么更改事件会在没有位置或 z 索引时触发的任何信息,以及如果这些样式确实存在,为什么它不会触发。此问题仅在火狐中发生。
更改事件不会在选项卡上触发
<select style="position: relative; z-index:1"><option>1</option><option>2</option></select>
更改事件不会在选项卡上触发
<select><option>1</option><option>2</option>
更改事件示例代码(使用 jQuery
$('select').on('change', function(e){ console.log(e.type) });
请参阅此代码笔以获取工作示例。
似乎可以通过在select
获得焦点之前设置位置来解决此问题,如下所示:
select { position: relative; }
select:focus { z-index: 1; }
我仍然很好奇是否有人深入了解为什么在更改select
的位置时会发生这种情况:focus
相关文章:
- 如何在触发事件后选择select选项
- 当我更改innerHtml时,引导选项卡事件不再工作
- Javascript事件;在新选项卡中打开”;
- 使用java脚本更改onClick事件中菜单选项卡的颜色
- 选项卡面板事件
- 如何使用选项useCSS set true为bxSlider加载onSlideAfter()事件
- 更改事件的fullPage.js选项
- 选择选项是添加或删除事件
- chrome中的onmouseover(下拉选项标记)事件不起作用-php,javascript
- 如何将点击事件附加到引导选项卡
- jquery点击bootstrap 3选项卡上的事件
- 单击事件在jquery easyui多选项卡中不起作用
- 如何防止onclick事件在select选项中触发
- 在Jquery easyui中,多个选项卡提交按钮点击事件正在重定向到主页(第一个)选项卡
- 选择选项淘汰赛事件不起作用
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- 锤子.js 2.0 使用 jquery 插件时不返回事件选项
- j查询选择“获取选择时更改事件”选项
- 将事件选项作为函数的参数传递
- Chrome选择输入点击事件选项(改变不做我需要的)