修复 IE 错误:总是一个好主意吗? [关闭]

2024-02-28

Internet Explorer 改进a lot在过去的 3 年里,自 IE 10 以来,IE 已经成为一个相当不错的浏览器,具有良好的性能。但是,即使有了这些改进,网络开发人员仍然必须:

  1. 处理旧版本,特别是 IE8 甚至 IE7;
  2. 解决 IE 拖来的错误forever, 像未实现的document.evaluate https://stackoverflow.com/questions/13521554/xpath-in-internet-explorer-10-gone, or oninput删除或删除时不会触发的事件contentEditable元素。

我问自己这些解决方法的“可接受”限制是什么。例如,IEchange事件不会冒泡:但因为它支持focusin and focusout,它确实冒泡,它可以通过几个事件侦听器来修复。

众所周知,IEinnerHTML属性于<select>元素正确,因此我们可以重新定义属性(仅限 IE8):

(function() {
    var re = /^<SELECT(?: [\w:]+=(?:\S+|'[^']*'|"[^"]*"))*>/,
        div = document.createElement("div");
    Object.defineProperty(HTMLSelectElement.prototype, "innerHTML", {get: function() {
        var out = this.outerHTML, m = out.match(re);
        return m ? out.slice(m[0].length, -9) : "";
    }, set: function(v) {
        this.innerText = "";
        if (v = String(v)) {
            div.innerHTML = "<select>" + v + "</select>";
            var s = div.firstChild;
            while (s.firstChild) this.appendChild(s.firstChild);
        }
    }});
})();

但是 IE - 甚至 IE11! - 仍然不允许动态设置value的财产<select>元素,所以(IE8-11):

Object.defineProperty(HTMLSelectElement.prototype, "value", {get: function() {
    var opt = this.selectedIndex >= 0 ? this.options[this.selectedIndex] : null;
    return opt ? opt.value : "";
}, set: function(val) {
    val = String(val);
    var ops = this.options, i = ops.length;
    while (i--) if (ops[i].value === val) break;
    this.selectedIndex = i;
}});

这些工作得很好,可能有点慢,但只是在有限的情况下:HTMLSelectElements。而且它们很少能代表性能问题。

但由于我正在更改一些基本的 DOM 属性,我想知道是否存在我没​​有看到的问题。有人有想法吗?


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

修复 IE 错误:总是一个好主意吗? [关闭] 的相关文章

  • 主干视图 DOM 元素已删除

    我一直在阅读有关 Backbone js 僵尸 或内存泄漏 问题的信息 基本上 当您不再需要该元素时 您必须从 DOM 中解除绑定并删除该元素 以确保所有事件也被删除 现在 我有一个包含几个容器的单页应用程序 div div div div
  • 了解设置 JQuery 变量

    了解设置 JQuery 变量 最近 我通过在 StackOverflow 上遇到的另一个问题寻找帮助 了解到如何设置 JQuery 变量 如下所示 您可以通过简单地调用变量来创建输入字段 并且锚变量似乎也定义了样式 var clicked
  • 不和谐机器人 |不和谐.js |类型错误:无法读取未定义的属性“长度”

    我正在制作一个 Discord 机器人 并且正在使用 CodeLyon 的视频作为参考 该错误位于我的 message js 文件中 该文件包含以下内容 require dotenv config create cooldowns map
  • TypeError: props.render 不是一个函数(React hook 形式)

    我将方法作为我用react hook form制作的形式的道具传递 当从react hook form添加控制器时 它给了我 TypeError props render不是一个函数 我在网上找不到任何解决方案 因此感谢任何帮助 impor
  • 使用 useReducers 调度函数发送多个操作?

    使用时是否可以通过调度函数发送多个动作useReducer挂钩反应 我尝试向它传递一组操作 但这会引发未处理的运行时异常 明确地说 通常会有一个初始状态对象和一个减速器 如下所示 const initialState message1 nu
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • 如何防止 Iframe 在与浏览器交互后弄乱浏览器的历史记录?

    因此 就我而言 我使用 Iframe 将 Grafana 附加到我的页面 这为我提供了漂亮且易于使用的图表 可以注意到 每次在图表上进行放大或缩小 使用鼠标单击 交互后 Grafana 的 Iframe 都会在我的 Angular 页面上触
  • 使用 Angular 下载具有动态 src 的脚本

    Angular 提供了通过动态名称动态加载模板的方法ng include 该部分中的内联 JS 和 CSS 可以正常加载 但没有一个好的方法来下载带有动态 url 的脚本 我们需要下载脚本 相对于调用它们的 html 部分的路径 即我们有一
  • Node.js:如何在检索数据(块)时关闭响应/请求

    我正在用 node js 构建一个应用程序 它加载多个页面并分析内容 因为 node js 发送块 所以我可以分析这些块 如果一个块包含例如索引 nofollow 我想关闭该连接并继续其余部分 var host example com to
  • 标签获取 href 值

    我有以下 html div class threeimages a img alt Australia src Images Services 20button tcm7 9688 gif a div class text h2 a hre
  • 如何将 Google Charts 与 Vue.js 库一起使用?

    我正在尝试使用 Vue js 库使用 Google Charts 制作图表 但我不知道如何添加到 div 这是我尝试做的 这是如何使用普通 javascript 添加图表 这是文档的代码示例 https developers google
  • 在javascript中解析json - 长数字被四舍五入

    我需要解析一个包含长数字的 json 在 java servlet 中生成 问题是长数字被四舍五入 当执行这段代码时 var s x 6855337641038665531 var obj JSON parse s alert obj x
  • Babel 7 Jest Core JS“TypeError:wks不是函数”

    将我的项目升级到 Babel 7 后 通过 Jest 运行测试会抛出以下错误 测试在 Babel 6 中运行没有任何问题 但在 Babel 7 中失败并出现以下错误 TypeError wks is not a function at Ob
  • 如何使输入字段和提交按钮变灰

    我想变灰这两件事 http doorsplit heroku com 歌曲输入字段和提交按钮 直到用户输入艺术家 有没有一种简单的方法可以通过 JQuery 来做到这一点 艺术家输入字段的id是 request artist 你可以这样做
  • Electron - 为什么在关闭事件时将 BrowserWindow 实例设置为 null

    The 电子文档 https electronjs org docs api browser window 提供以下代码示例来创建新窗口 const BrowserWindow require electron let win new Br
  • HTML 离线应用程序缓存,列出下载的文件

    作为我正在构建的离线 Web 应用程序的加载屏幕的一部分 使用缓存清单 http developer apple com library safari documentation iPhone Conceptual SafariJSData
  • Javascript 纪元时间(以天为单位)

    我需要以天为单位的纪元时间 迄今为止 我已经看到过有关如何翻译它的帖子 但几天后就没有了 我对纪元时间很不好 我怎么能得到这个 我需要以天为单位的纪元时间 我将解释为您想要自纪元以来的天数 纪元本身是第 0 天 或第 1 天的开始 无论您如
  • 将 MQTTNet 服务器与 MQTT.js 客户端结合使用

    我已经启动了一个 MQTT 服务器 就像this https github com chkr1011 MQTTnet tree master例子 该代码托管在 ASP Net Core 2 0 应用程序中 但我尝试过控制台应用程序 但没有成
  • 在 React.js 中编辑丰富的数据结构

    我正在尝试为数据结构创建一个简单的基于网格的编辑器 但我在使用 React js 时遇到了一些概念问题 他们的文档对此没有太大帮助 所以我希望这里有人可以提供帮助 首先 将状态从外部组件传输到内部组件的正确方法是什么 是否有可能将内部组件中
  • 导致回发到与弹出窗口不同的页面

    我有一个主页和一个详细信息页面 详细信息页面是从主页调用的 JavaScript 弹出窗口 当单击详细信息页面上的 保存 按钮时 我希望主页 刷新 是否有一种方法可以调用主页的回发 同时还可以从详细信息页面维护保存回发 Edit 使用win

随机推荐

  • 具有实体框架的 Oracle 非托管提供程序的 Nuget 包

    根据 Oracle 的最新文档 Net 数据提供程序开发人员指南 12c 第 1 版 安装 Oracle Data Provider for NET 非托管驱动程序 一章 声明非托管驱动程序的实体框架提供程序可在 NuGet 上使用http
  • 开发wordpress插件时如何调试php代码?

    我开始自己开发一些 WordPress 插件 在开发插件时 我在插件中使用不同的钩子 wp head add shortcode 等 函数 谁能告诉我一个简单方便的方法调试 WordPress 插件或者有没有其他方法可以轻松开发 WordP
  • 如何向 zend 表单添加“纯文本节点”?

    我正在尝试以 zend 形式添加纯文本节点 目的是仅显示一些静态文本 问题是 我不知道有任何这样的方法可以做到这一点 我已经使用了 描述 但必须将其附加到表单元素上 有什么方法可以简单地将一些文本显示为表单的一部分吗 Zend 将所有内容视
  • Oracle:存储过程的参数数量可变

    我想使用存储过程将各种用户插入到 Oracle 数据库中 一个用户 表 user 有名字 姓氏和出生日期 CREATE TABLE USER Name VARCHAR2 50 Surname VARCHAR2 50 Dt Birth DAT
  • Ruby:如何创建公共静态方法?

    在Java中我可能会这样做 public static void doSomething 然后我可以静态访问该方法而无需创建实例 className doSomething 我怎样才能在 Ruby 中做到这一点 这是我的课 根据我的理解se
  • 使用点将提示标签链接到系统发育树

    我正在尝试使用 R 中的 ape 包和函数plot phylo 生成一个非超度量树 我正在努力寻找任何有关如何使尖端标签在其左边缘垂直对齐以及如何用一系列点 可变长度 将物种名称连接到节点尖端的文档 任何帮助以及 R 中可能能够实现此目的的
  • 小黄瓜,两种情况可以相互依赖吗

    Scenario1 When a new user clicks on sign up page And provides login ID Then user is signed up and can view profile page
  • Node JS - 将数据从 Busboy 流式传输到 AWS S3

    我正在尝试通过 ec2 将文件上传到 s3 我的第一个方法是 将文件完全上传到 ec2 然后将该文件上传到 s3 这种方法不好 因为从 ec2 到 s3 的传输时间是浪费时间 目前我正在尝试使用服务员上传流 to s3上传流这样上传到 ec
  • 使用 Boost Python 和 std::shared_ptr

    我正在尝试让 Boost Python 与 std shared ptr 很好地配合 目前 我收到此错误 Traceback most recent call last File test py line 13 in
  • C# 中强制垃圾回收的最佳实践

    根据我的经验 似乎大多数人都会告诉您强制垃圾收集是不明智的 但在某些情况下 您正在处理的大型对象并不总是在 0 代中收集 但内存是一个问题 是强制收集可以吗 有这样做的最佳实践吗 最佳实践是不强制进行垃圾回收 根据 MSDN 强制垃圾是可能
  • 谁能推荐一个Java富文本编辑器? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 使用 Cloud Endpoints 中的客户端库。 jar 导入不起作用

    我为我的 appengine python 应用程序创建了一个 jar 文件 我已按照以下步骤导入我的库 jar 文件这个例子 https developers google com appengine docs python endpoi
  • Java 中的最终变量操作

    谁能告诉我下面这行在 Java 上下文中的含义是什么 最终变量仍然可以是 被操纵 除非它是不可变的 据我所知 通过将任何变量声明为最终变量 您将无法再次更改它 那么它们的含义是什么不可变的在上面一行 这意味着如果您的最终变量是引用类型 即不
  • nginx:使用环境变量

    我有以下场景 我有一个环境变量 SOME IP已定义并希望在 nginx 块中使用它 参考Nginx 文档 http wiki nginx org CoreModule我用env指令中的nginx conf文件如下 user www dat
  • 媒体基金会 onReadSample 返回的样本大小错误

    我正在致力于将捕获库从 DirectShow 转换为 MediaFoundation 捕获库似乎工作得很好 但我在运行 Windows 8 32 位的平板电脑上遇到集成网络摄像头的问题 枚举捕获格式时 如中所述媒体基金会文档 http ms
  • Visual Studio 2013 中的调用目标引发了异常

    今天我打开的时候Visual Studio 2013 Professional Edition 我得到了错误exception has been thrown by a target of invocation 我也尝试打开ILSpy调试一
  • 更新 RDLC 报告中的数据源

    我正在使用 SQL 视图将数据传递到 RDLC 报告 现在 如果我向 SQL 视图添加一列 如何在 RDLC 报告中获取这个新添加的列 目前 我必须删除 RDLC 数据集并每次创建新的数据集 这根本不可行 希望有人有更好的方法来做到这一点
  • 通过ajax调用将文本加载到textarea中

    我想将从 dB 检索到的一些文本加载到文本区域中 用户点击一个链接 a class editlink href a JQuery 将 ID 传递给 GO PHP editlink click function get go php para
  • spring-data-jpa: ORA-01795: 列表中表达式的最大数量为 1000

    我正在使用 Spring Data JPA 我想从 a 获取 client id 的交易List
  • 修复 IE 错误:总是一个好主意吗? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 Internet Explorer 改进a lot在过去的 3 年里 自 IE 10 以来 IE 已经成为一个相当不错的浏览器 具有良好的性能