asp.net - Firefox "jumps"在 <iframe> (asp.net) 中使用 UpdatePanel 和 SetFocus 时-6ren

asp.net - Firefox "jumps"在 <iframe> (asp.net) 中使用 UpdatePanel 和 SetFocus 时

转载作者：行者123 更新时间：2023-12-04 06:23:41

25

4

如果我在 iframe 中使用 UpdatePanel 和 SetFocus 函数，我会遇到 Firefox“跳转”(将滚动条移动到顶部)的问题。我将通过发布代码来展示这一点:

首先是网页表单的 HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                    <asp:ListItem>1</asp:ListItem>
                    <asp:ListItem>2</asp:ListItem>
                    <asp:ListItem>3</asp:ListItem>
                    <asp:ListItem>4</asp:ListItem>
                    <asp:ListItem>5</asp:ListItem>
                </asp:DropDownList>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

现在该表单的代码隐藏(除了一个空的 page_load 和这个之外，它没有任何功能):

 protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            Label1.Text = DropDownList1.SelectedIndex.ToString();
            SetFocus(DropDownList1);
        }

好的，此表单使用 iframe 托管在准系统 HTML 页面中。这是 HTML 主机页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<div>
        bla bla bla
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <iframe src="WebForm1.aspx" style="height: 1263px; width: 1254px"></iframe>
    </div>

</body>
</html>

我添加了 br 元素，因为你需要有滚动条才能看到效果。现在，如果您在主机页面中向下滚动并在 Internet Explorer 的 iframe 的下拉列表中选择一个值，则标签会毫无问题地更新，并且下拉列表将获得焦点。

现在在 Firefox 中尝试相同的方法 - 一切都正常，但是您会看到 Firefox 再次将 html 主机页面滚动到顶部的烦人效果!

我尝试使用更大的页面和多个 iframe，它似乎滚动到您在下拉列表中选择值的一个 iframe 的开头。 Safari(我猜是 Chrome)也有同样的行为。 Opera 不会执行这种烦人的“跳转”(与 IE 相同)。

这里有什么问题？

最佳答案

好的，经过大量搜索，我找到了解决方案:

http://forums.asp.net/t/1622050.aspx/1/10

用户“DotNetSeeker”在该线程中有正确的解决方案。

关于asp.net - Firefox "jumps"在 <iframe> (asp.net) 中使用 UpdatePanel 和 SetFocus 时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6268252/

25

4

0

文章推荐： oracle - 在 plsql 中编写函数

文章推荐： SharePoint 2010 ashx 处理程序匿名访问

文章推荐： jsf - 在jsf中读取图像

文章推荐： Wordpress:强制 wp_tag_cloud 显示空类别？

android - setFocusable 按钮点击
我有一个小型计时器应用程序和名为 etH、etM 和 etS 的 EditText 小部件，它们允许输入并显示时间。单击开始按钮并启动计时器时，我通过执行以下操作来禁止交互: btnS.setOnCl
android - setFocusable 不工作
eT = (EditText) findViewById(R.id.searchAutoCompleteTextView_feed); eT.setFocusable(false);
java - setFocus() 始终为假
我正在开发 Eclipse RCP 应用程序。在扩展 MultiPageEditorPart 的类中，我试图将焦点设置到文本字段。但是 setFocus 方法总是返回 false。我做错了什么？ M
c++ - SetFocus() 因有效的窗口句柄而失败
我有一个包含多个自定义控件的程序。这些自定义控件之一是文本输入控件。由于单击窗口时窗口不会自动接收键盘焦点，因此我在我的程序中创建了一个鼠标 Hook ，当用户单击该窗口时，它会在该窗口上调用 Set
asp.net - 如何在文本框控件上使用 SetFocus？
我正在尝试将焦点设置在文本框上。 SetFocus(txtUserName); 我在网页上没有看到任何变化。 .Focus()有什么区别和 SetFocus()每个的功能是什么？最佳答案您可以使用
javascript - SetFocus 不适用于 iPad
我们发现此代码可以在具有 IE、Safari 和 FireFox 的 PC 上运行。然而，在装有 Safari 的 iPad 或 iPhone 上，它不会自动聚焦于文本框。我们不能触摸屏幕并单击文本框
delphi - 避免 SetFocus 引发异常
我正在处理一个巨大的遗留源代码，其中在许多地方调用了多个SetFocus，但有时，缺少对控件是否可见或启用的检查。由于时间有限，而且源代码数量巨大，我决定忽略这些错误，因为重点(在我们的例子中)不是
java - panel.setFocusable() 不起作用
我正在制作一个程序，允许用户在 JTextField 中输入文件路径，并在单击“查看”JButton 或按下 Enter 键时在 JTextArea 中显示文件的内容。问题:单击“查看”按钮即可(显
javascript - jquery setfocus() 新插入的元素
嗨，我的表格上有表格。当页面加载被触发时，我将焦点设置为第一个输入[type='text']。我用ajax发布表单，如果一切顺利，我会在表格顶部添加新行。现在我无法将焦点设置到新插入的行。这是我的 j
javascript - ModalPopupExtender setfocus 问题
我正在使用 Ajax ModalPopupExtender 来显示弹出面板。该面板有一个 TextBox。我想在弹出面板时 setfocus 到那个 TextBox。是否有任何方法或机制可以将焦点设置
javascript - 如何执行 setfocus();到下拉列表
我有一个下拉列表，它在 OnLoad() 事件上从数据库加载记录，我想在页面加载时将焦点设置在下拉框上。我尝试了很多方法来设置焦点，但它不起作用。请看下面的代码。 HTML代码如下，
java - 无法让 setFocus() 工作
我对 setFocus() 有疑问。为什么它不适用于 textBox？这是我的代码: package com.test.test1; import com.google.gwt.user.clien
c++ - 选项卡控件上的列表控件 SetFocus 重绘错误
环境:Visual Studio 2008、Visual Studio Feature Pack、MFC Dialog App、Windows XP、新的公共(public)控件。我在使用恰好位于选
c++ - SetFocus 到父窗口，然后回到子窗口
我正在尝试使用 VSTGUI 4.0 实现 VST。我的 DAW 使用 WM_KEYDOWN 和 WM_KEYUP 消息根据键盘按下发送 MIDI 音符，这样您就可以用键盘播放 VST。问题是，VST
c++ - QWidget setFocus 什么都不做
我正在实现一个自定义上下文菜单，它基本上是一个名为 gripmenu 的小部件，其中包含其他几个小部件。如果用户左键单击，则应显示此菜单。如果用户在其外部单击，要隐藏或删除它，我需要以某种方式检查用户
am.widget.zxingscanview.ZxingScanView.setFocusable()方法的使用及代码示例
本文整理了Java中am.widget.zxingscanview.ZxingScanView.setFocusable()方法的一些代码示例，展示了ZxingScanView.setFocusabl
android - SetFocusable 函数在它应该对我有用的 API 中对我不起作用
我在下面有这段代码，一切都适用于 Android 9 RespM= FindViewById(Resource.Id.RespMedius); RespM.SetFocusable(ViewFocus
javascript - jVectorMap - setFocus 错误 - jQuery
据我所知，zip 中的缩小文件只是基本代码，不包含库。因此我运行了 build.sh文件，它生成了另一个缩小的文件，我已将其包含在我的脚本中。期望: 我尝试在单击时放大标记。我有一个在事件 onMa
c# - 在自动回发功能后将焦点设置回正确的文本框(Page.SetFocus 没有解决问题)
现在，这可能看起来是重复的，但它不是。Internet 上的每个解决方案都向您展示了如何将焦点放在触发事件的文本框上。但是如果用户按下 Tab 键呢？应该具有焦点的文本框是下一个。因此，我们采取了一
c# - SetFocus 只能在 PreRender 之前和期间调用
谁能告诉我为什么我会在下面的跟踪中收到错误？ “SetFocus 只能在 PreRender 之前和期间调用。” 错误消息表明必须在 PreRender 之前或期间调用“SetFocus”，并且根据跟

首页

博学

6Ren·AI

商城

asp.net - Firefox "jumps"在 <iframe> (asp.net) 中使用 UpdatePanel 和 SetFocus 时