Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Textarea不';引导模式打开时无法获得焦点_Javascript_Html_Bootstrap Modal - Fatal编程技术网

Javascript Textarea不';引导模式打开时无法获得焦点

Javascript Textarea不';引导模式打开时无法获得焦点,javascript,html,bootstrap-modal,Javascript,Html,Bootstrap Modal,当模式打开时,我无法输入textarea Textarea不在模态中,具有大z索引的绝对定位 <textarea style='position:absolute;z-index:200000'></textarea> 有人能解决这个问题吗? <textarea style='position:absolute;z-index:200000' autofocus></textarea> 从中删除tabindex=“-1”,即可使用。不明白

当模式打开时,我无法输入textarea

Textarea不在模态中,具有大z索引的绝对定位

<textarea style='position:absolute;z-index:200000'></textarea>

有人能解决这个问题吗?


<textarea style='position:absolute;z-index:200000' autofocus></textarea>

中删除
tabindex=“-1”
,即可使用。不明白为什么
tabindex
会产生这个问题。

中删除
tabindex=“-1”
,这样就行了。不明白为什么
tabindex
会产生这个问题。

看起来这就是每次显示模式时引导强制聚焦的问题。因此,让我们每次都删除该事件:

$('#myModal1').on('shown.bs.modal', function (e) {
  $(document).off('focusin.modal');
})
请参阅。

看起来这是一个问题,每次显示模式时引导都会强制聚焦。因此,让我们每次都删除该事件:

$('#myModal1').on('shown.bs.modal', function (e) {
  $(document).off('focusin.modal');
})

请参阅。

如果有人正在使用Bootstrap Vue并看到相同的问题:

引导Vue提供了一个名为“忽略强制焦点选择器”的b模式属性。可以使用此属性提供选择器(包括逗号分隔的选择器列表),该选择器指定即使在模态可见时也可以聚焦的元素。在我的例子中,我有许多textarea元素,在模态可见时需要聚焦。将“忽略强制焦点选择器”设置为“文本区域”,可以在模式可见时编辑这些文本区域


如果有人正在使用Bootstrap Vue并看到相同的问题,请参见:

引导Vue提供了一个名为“忽略强制焦点选择器”的b模式属性。可以使用此属性提供选择器(包括逗号分隔的选择器列表),该选择器指定即使在模态可见时也可以聚焦的元素。在我的例子中,我有许多textarea元素,在模态可见时需要聚焦。将“忽略强制焦点选择器”设置为“文本区域”,可以在模式可见时编辑这些文本区域



你在我的小提琴上查过了吗?你的答案毫无意义,也不起作用。虽然这个代码片段可以解决这个问题,但确实有助于提高你文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满你的代码,这会降低代码和解释的可读性!这是因为我发布了手机应用程序的答案,所以屏幕大小是有限的。将来会记住的。@SonyaSeyrios这个答案对你有帮助吗?你在我的小提琴上查过了吗?你的答案毫无意义,也不起作用。虽然这个代码片段可以解决这个问题,但确实有助于提高你文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满你的代码,这会降低代码和解释的可读性!这是因为我发布了手机应用程序的答案,所以屏幕大小是有限的。以后会记住的。@SonyaSeyrios这个答案对你有帮助吗?可能的重复看起来Boostrap有一些
enforceFocus
代码阻止了你。请看下面我的答案。在可疑的副本中没有合适的答案。看起来Boostrap有一些
enforceFocus
代码阻止了你。请参阅下面我的答案。Dublicate中没有合适的答案。如果我删除tabindex,会不会导致问题?
tabindex
用于在通过键盘按tab键时设置焦点顺序。您可以在这里找到更多详细信息,所以我不应该删除它。文档中说,当用户按下
esc
键时,
tabindex=“-1”
用于使模态消失,所以这取决于您。如果我删除tabindex,会导致问题吗?
tabindex
用于在通过键盘按tab键时设置焦点顺序。您可以在这里找到更多详细信息,因此,我不应该删除它。文档中说,
tabindex=“-1”
用于在用户按下
esc
键时使模态消失,所以这取决于您。我在我的代码中的DOMready中添加了这段代码,它无法修复。但是在我的小提琴中它起作用了,你能帮我吗?好吧,让我更新我的答案,直接解决强制重点…等等,这不是办法。尝试另一种方法。也许我们可以完全杀死那个事件…你的代码可以用小提琴演奏,但对于我的代码它什么也不给)我在DOMready中添加了这段代码在我的代码中,它无法修复。但是在我的小提琴中它起作用了,你能帮我吗?好吧,让我更新我的答案,直接解决强制重点…等等,这不是办法。尝试另一种方法。也许我们可以完全终止那个事件……您的代码工作正常,但对于我的代码,它什么也不提供)