焦点({preventScroll: true})在Chrome中不起作用
焦点({preventScroll: true})在Chrome中不起作用是因为该语法不是有效的焦点控制方法。在Chrome浏览器中，焦点控制通常使用focus()和blur()方法来实现。
focus()方法用于将焦点设置到指定的元素上，使其成为当前活动元素。例如，可以使用以下代码将焦点设置到具有id为"myElement"的元素上：
document.getElementById("myElement").focus();blur()方法用于将焦点从当前活动元素移除，使其失去焦点。例如，可以使用以下代码将焦点从当前元素移除：
document.activeElement.blur();在Chrome中，焦点控制的行为可能受到浏览器的安全策略限制。如果在某些情况下焦点控制不起作用，可能是因为浏览器禁止了该操作。在这种情况下，建议检查浏览器的安全设置或尝试其他焦点控制方法。
关于焦点控制和相关的前端开发知识，腾讯云提供了一系列产品和服务，例如腾讯云CDN（内容分发网络）可以加速网站的访问速度，提供更好的用户体验。您可以通过以下链接了解更多关于腾讯云CDN的信息：
腾讯云CDN产品介绍：https://cloud.tencent.com/product/cdn
腾讯云还提供了其他与云计算和前端开发相关的产品和服务，例如腾讯云云服务器（CVM）、腾讯云对象存储（COS）等。您可以通过腾讯云官方网站了解更多相关信息。
相关·内容
我似乎不能让element.focus({preventScroll:true});在Chrome上工作，尽管它在IE11上工作得很好。还有没有人经历过这种情况？在Chrome中使用此选项会导致元素根本不会成为焦点。
浏览 43提问于2019-02-08得票数 1
1回答
是否有任何方法检测(不使用user-agent和类似的) .focus()支持focusOptions，如：preventScroll: true。我在Chrome中使用这个： preventScroll: true当然，除了Chrome和Opera之外，其他地方都不起作用。但我怎么能察觉到呢？比如：
try { window.focus().preventScroll } catch {
浏览 2提问于2019-03-14得票数 2
我有一个<textarea>字段，并通过focus({preventScroll:true})对其进行聚焦。然而，Android上的Chrome仍然会滚动以使其成为焦点。可能的原因是什么？
浏览 127提问于2020-10-25得票数 0
回答已采纳
实际上，我想让iframe本身滚动，这样在iframe中，正确的元素就会滚动到iframe本身的空间中，但父页面应该不受影响。
浏览 49提问于2021-11-10得票数 0
5回答
在焦点切换时防止页面滚动
、、、、
我的登录页面出现问题：
徽标和字段包含在标准的'div‘容器中(data-role="content“data-type=”垂直“)。背景是彩色的。当焦点从登录字段切换到密码字段时，页面向上滑动，这是我不希望发生的情况。我希望我的徽标和字段留在原地，就像Skype iOS应用程序登录页面。我现在正在考虑一种新的策略，也许可以使用徽标和字段的顶部相对定位，并捕捉焦点事件来自己滚动页面，在键盘上滑动(通过动画顶部相对定位坐标)。
浏览 12提问于2012-10-06得票数 20
但是，有一个已知的解决方法--首先保存屏幕位置，然后在聚焦后回滚到该位置：var x = window.scrollXwith `document.createRange()`window.scrollTo(x, y); // restore position
这个解决方法过去在Safari10中运行良好，在Safari 12
浏览 0提问于2018-10-04得票数 3
回答已采纳
1回答
在一些点击或点击，我需要集中一个输入是在视口之外，但正在动画。然而，由于浏览器如何立即滚动聚焦元素进入视图，我的过渡是错误的。
因此，简单的问题是，如何防止焦点输入/文本区域元素的自动滚动？
浏览 1提问于2018-03-16得票数 3
回答已采纳
这一切都能工作，但是，当我改变面板时，我想将焦点放在新面板的输入上。有人能告诉我为什么对focus()的调用破坏了css转换，并使我在两个面板之间停留了一半吗？这只会在未来发生。这个问题发生在Chrome、IE和Firefox中。
浏览 11提问于2014-11-06得票数 12
回答已采纳
我尝试了什么：，我监听了文档上的滚动事件，并在执行滚动时发现鼠标是否在容器中，并将可能性存储为布尔值。$(document).bind("mousewheel", function(event) { console.log(event);if($(event.target).closest(".no-scroll").length) {
preventScro
浏览 1提问于2017-09-01得票数 1
回答已采纳
列表中的每一项都是表中的行。this.renderTagOrForm()} );openForm() { this.setState({ edit: true}, () => { });
renderInputOrLabel(listItem因此，即使在
浏览 12提问于2019-12-12得票数 0
回答已采纳
7回答
如何将焦点集中到HTML元素(例如"a")，并且不改变当前的滚动设置。$('#link').focus();
并且此链接在屏幕中不可见(例如在可见区域下方)，浏览器向下滚动以显示元素。如何在不移动滚动条的情况下设置焦点？我需要把滚动条留在原来的位置。
浏览 3提问于2011-02-04得票数 35
1回答
当我在一个可滚动区域中有一个带有浮动库react (tippy、floating-ui等)的弹出窗口，并且在弹出窗口中有一个带有autoFocus的input时，当弹出呈现时，屏幕将滚动。
浏览 2提问于2022-11-07得票数 1
1回答
如何使用javascript从swf中移除焦点？现在我使用jQuery，我可以设置焦点，但是使用模糊在swf上不起作用。-编辑--$("#ebookContainer").hover( this.onmousewheelebook').focus(); function () {
浏览 0提问于2010-03-16得票数 0
1回答
不幸的是，在移动端的chrome上，每次你调用focus()函数时，chrome都会决定闪烁或抖动来重新聚焦到下一个块。当调用focus()时，有没有办法停止默认的重新聚焦/滚动行为？这是我在手机chrome上遇到问题的10秒视频。https://youtu.be/UmHJVxqrLS8 我本以为这能行得通，但事实并非如此。code[i + 1].focus({preventScroll: true}); 这些答案对我也没有真正的帮助，Preven
浏览 6提问于2019-09-22得票数 0
e.preventDefault();}) topTextarea.focus({ });body { justify-content: center;}
在沙箱
浏览 8提问于2022-08-28得票数 1
我使用omnibox来选择书签(chrome.omnibox.onInputEntered)，并使用chrome.tabs.update API在当前选项卡中打开书签的url，方法是在updateProperties然而，在标签更新后，焦点仍然停留在omnibox中，这使得用户体验并不像我期望的那样好。那么，有没有一种方法可以将焦点设置到页面上，而不是无所不在的框上。顺便说一句，我已经尝试用chrome.tabs.create打开一个
浏览 0提问于2011-03-03得票数 8
回答已采纳
3回答
selectedMedia"); // highlight class我试图调整div $('#flagimg'+mediaIdForFocus)的滚动，然后将焦点放在元素滚动视图被调整为元素$('#flagimg'+mediaIdForFocus)，但是，$('.logoTxt').focus();没有给出焦点。它只在第一次发生。
浏览 4提问于2013-10-04得票数 5
回答已采纳
我们的团队正在研究一个大型企业网站上的在线应用程序中的一个小错误。在代码中，VS代码发现了几个附加在基本控件上的ScrollIntoView实例。通过
浏览 8提问于2022-03-30得票数 0
1回答
我试着在这段代码中设置cookie，但它不起作用，有人能帮我吗？ $(function() { $('#sign_up').lightbox_me({centered: true}
$('#try-1').ready(function(e)
浏览 1提问于2014-08-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
