http://jsfiddle.net/h3WDq/1921/
当模式打开时，我无法输入 textarea。
Textarea 不是模态的，具有绝对定位，z-index 很大。
<textarea style='position:absolute;z-index:200000'></textarea>
任何人都可以解决这个问题吗？
【问题讨论】：
enforceFocus 代码阻止了你。请参阅下面的答案。
标签： javascript html bootstrap-modal
看起来line of code 是每次显示模态时 Bootstrap 强制焦点的问题。所以让我们每次都删除事件：
$('#myModal1').on('shown.bs.modal', function (e) {
$(document).off('focusin.modal');
})
见fiddle。
【讨论】：
从<div id="myModal1" class="modal hide" tabindex="-1" role="dialog"> 中删除tabindex="-1" 即可。不明白为什么tabindex 会造成这个问题。
【讨论】：
tabindex 用于设置通过键盘按 Tab 时的焦点顺序。你可以在这里找到更多细节stackoverflow.com/questions/32911355/…
tabindex="-1" 用于在用户按下esc 键时使模式消失，所以这取决于你。
如果有人在使用 Bootstrap Vue 并遇到同样的问题：
Bootstrap Vue 提供了一个名为“ignore-enforce-focus-selector”的 b-modal 属性。您可以使用此属性来提供一个选择器（包括一个逗号分隔的选择器列表），该选择器指定即使在模态可见时也可以聚焦的元素。在我的例子中，我有许多 textarea 元素需要在模态可见时成为焦点。将“ignore-enforce-focus-selector”设置为“textarea”可以在模式可见时编辑这些文本区域。
见https://bootstrap-vue.org/docs/components/modal#keyboard-navigation
【讨论】：
<textarea style='position:absolute;z-index:200000' autofocus></textarea>
【讨论】：