IE11: document.getSelection在IE11上的输入(即文本)标记内不能正常工作 - 腾讯云开发者社区

文章/答案/技术大牛

发布

官宣 Vue3.0 抛弃支持 IE，把精力集中在这个上面

在漫长的开发过程中，我们还就IE11兼容性进行了研究和实验，但是由于所涉及的复杂性和手头上的其他工作量大，因此已将其优先处理。微信搜索公众号逆锋起笔，关注后回复编程资源，领取各种经典学习资料。...为Vue 3的代理版本编写的相同代码在IE11版本中不起作用。这不仅给我们带来了技术上的复杂性，也给开发人员带来了持续的精神负担。...我们最初的计划是在IE11版本的开发版本中同时交付Proxy和ES5反应性实现。当它在启用代理的开发环境中运行时，它将检测并警告不兼容IE11的用法。...从理论上讲，这是可行的，但由于需要将这两种实现混合在一起，并且在开发和生产之间存在行为差异的风险，因此造成了极大的复杂性。...每一个不能在 IE11 中被 polyfill 的新特性都会带来新的行为警告。一旦 Vue 3 承诺支持 IE11，就永远没办法摆脱了，直到下一个大版本。

2.1K3 0

JS魔法堂：浏览器模式和文档模式怎么玩？

兼容模式——IE6的新发明　　由于IE6和IE5.5下DOM树的解析等都有很大差异，导致那些适配IE5.5的老网站无法在IE6上正常显示，于是出现了一个新功能——“兼容模式”，用于解决老网站的显示问题...通过在head标签内加入如的元数据标签（该例子将文档模式设置为IE7标准模式）；　　3. 通过在IE11时设置是无效的，只有在开发工具中设置才有效果。 ...有效位置　　　　必须放在head标签内才有效。　　6.2....但后来才发现文档兼容性模式仅仅是方便我们开发调试而已，并不能完全替代IETester，更不能替代在真实的IE67上测试。

2.5K8 0

您找到你想要的搜索结果了吗？

是的

没有找到

低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性

低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性面向仍需支持 IE11 的项目，目标是在不牺牲核心可用性的前提下，对 JS 的 ES6 语法与常用 Web API、以及 CSS 的现代特性做可控的转译...，控制台干净路由与基本交互（点击、表单、滚动）可用弹层、抽屉、滚动锁定不穿透列表与栅格布局不破版，极端数据下无溢出上传、下载、预览链路可用深色/浅色模式在 IE11 下保持可读性总结 IE11...通过 Babel、PostCSS 与特性检测配合，绝大多数 ES6 与 CSS 新特性都能以可接受的姿态在低版本浏览器中运行，帮助团队在历史包袱与现代体验之间达成平衡。...IE11 表现稳定，但需避免对 responseType = 'json' 的依赖，改为文本后手动解析 var xhr = new XMLHttpRequest() xhr.open('GET', url...，避免使用不被 IE11 完整支持的复杂凭证模式图片与媒体降级 picture 与 srcset：在旧环境用单一 img 源或引入 picturefill WebP：提供 JPEG/PNG 回退源，服务端按

2471 0

解决前端项目在IE11下不能正常显示且自定义http字段报错异常

昨天接到客户的反馈,说用户的IE11浏览器无法访问我们的后台据了解,IE11只能在win7系统上运行,我们的电脑都是win10的不能远行,后来发现360兼容模式可以模拟IE11,并复现问题....第一个语法错误, 点击vendor...js 进入详情这里是压缩后的js,整体就1行代码, 并且在控制台看代码,光标不会煽动,很难找....定位到了问题, 这个压缩后的js 使用了一个new class 的es6的方法具体是哪个js 我们需要根据这段代码的上下文推断....这个问题解决好了之后,又报了另一个问题在IE中如果你在请求头部添加了一些自定义字段,是需要服务器相关配置的.其他浏览器不需要....,client,token'); 添加后能够正常发送请求.

1.4K1 0

前端小知识10点（2019.6.25）

前言：这里记录我工作、学习中值得注意的小知识点，希望对你有所帮助。...4、for循环的语法（a; b; c） //a在单次循环开始前执行 //b是单次循环的条件（这里即cur存在） //c是单次循环结束后执行...for ( ; cur; cur = cur.parentNode ) { //xxx } 说明： a在单次循环开始前执行； b是单次循环的条件（这里即cur存在）...（如length）（2）类数组对象，缺少从数组的原型对象上继承下来的内置方法(例如：pop()、reverse()等) （3）类数组对象不关心除了数字索引和length属性以外的东西 6、function...为每个添加\xa0 {value+ '\xa0' } \xa0是不间断空白符注意：不要在number类型的列下这么做，不然用户不能在excel

7422 0

Cocos Creator 出新版本啦， 2.1.2 圆形Shader终于可以完美解决了！

所谓的分包加载，就是把游戏内容按一定规则拆分为几个包，在首次启动时先下载必要的包，这个必要的包我们称为「主包」，开发者可以在主包内触发其它分包的下载，从而把首次启动的下载耗时分散到游戏运行中。...，场景无法正常打开的问题修复 RichText 或 Label 组件在编辑器中填入的文本被自动换行后，有可能会在行首生成一个空格的问题修复层级管理器和资源管理器合并到同一个面板时，内容显示不全的问题...[#1778] 修复在 Mac 和 Windows 上，当 EditBox 处于输入状态字符重叠的问题[#146] 修复 iOS 上 EditBox 输入 emoji 时可能会导致崩溃的问题[#1798...for IE11）[#5033] 修复在 Edge 浏览器上点击 EditBox 的清除按钮（浏览器自带的），不会触发 input 事件的问题[#5088] 修复 EditBox 在输入过程中文本大小未能随...Node 进行缩放的问题[#5088] 修复 Edge 和百度浏览器上不能播放音频的问题[#4910] 修复桌面端 Chrome 和 Safari 上音频可能无法播放的问题[#4991] 修复桌面端

3.5K3 0

Angular 13 发布：全面弃用 View Engine

结束对 IE11 的支持结束 IE11 的支持后： Angular 可以通过原生的 Web API 使用更现代浏览器功能；可以删除 IE 特定的 polyfills 和代码路径使得应用程序更小，...需要注意的是，现有项目仍需支持 IE11 用户的开发者可继续使用 Angular 12，Angular 12 版本将一直维护到 2022 年 11 月。...元素； AngularJS 可以克隆和重复 HTML 元素； AngularJS 可以隐藏和显示 HTML 元素； AngularJS 可以在 HTML 元素”背后”添加代码； AngularJS 支持输入验证...因不能简单迁移，因此 AngularJS 和 Angular 成为两个独立的框架。...但是从学习角度说，Angular 的学习曲线最为陡峭，开发者需熟悉 TypeScript 才能开展工作，对于新手而言并不是最佳选择，更适合在团队中发挥作用。

3.8K2 0

js实现图片粘贴上传到服务器并展示

*' //如果使用截图工具粘贴图片，len=1, items[0].type = 'image/png' //如果粘贴纯文本...// console.log( 'items[1] MIME type:', items[1].type ); //阻止默认行为即不让剪贴板内容在...div中显示出来 event.preventDefault(); //在items里找粘贴的image,据上面分析,需要循环...); if(fileList.length <= 0){ return } upload(fileList); //阻止默认行为即不让剪贴板内容在...alert("上传图片错误"); } }); } } 注意:因为只支持右键复制图片,所以并不能一下复制两张图片

4.1K6 0

上下div高度动态自适应--另类处理方案

这段时间在工作中遇到一个看似较为棘手的问题。问题描述：查询报表页面分为上下两部分，上部分为条件输入区域，下部分为报表展示区域。...在遇到上述问题，您是否第一反应就是利用window的onresize事件，做尺寸的动态调整。但是条件输入区域某个按钮动态改变了上部分的高度时，我们又应该如何呢。是否有统一的处理方案呢。...上onload方法不能执行 //区元素，绝对定位（父级必须是相对定位，否则参考到body了），四个为0，width、height为100%让其宽、高与父级相同，pointer-events...$object); } 在此处，为了做到兼容IE11（因为Ie11不支持attacheEvent方法，所以也会被判断为现代浏览器），本人创建的DOM，不是使用的object而是使用的...iframe，因为在IE下object的onload事件不能触发，而iframe的可能有；并且iframe的边框一定要去掉，否则影响判断。

3.5K5 0

【译】JavaScript实现文字剪贴板&React版本

3、使用 HTMLInputElement.select() 方法选择 textarea 中的文本内容 4、使用 document.execCommand('copy') 复制 textarea 中的文本内容到剪贴板...el); el.select(); document.execCommand('copy'); document.body.removeChild(el); }; 思考一个问题我们用户在使用我们的剪贴板之前可能已经选择了已存在...html 中的文本内容了，所以我们这里需要多加一些判断防止遗漏用户选择的文本。...思路 1、首先创建一个 targetNode，设置绝对布局，赢藏我们的元素 2、document.getSelection() 已经由 window.getSelection() 替代了，具体流程如上...3、创建一个 result 标记能否能正常使用剪贴功能，不能的返回 false 4、删除这个 targetNode function createNode(text) { const node

1.1K2 0

想同时查看多个报表，3分钟学会门户制作

小李是某公司的财务经理，需要查看公司各个部门的财务报表，小李在查看过程中对于各个部门财务报告查看时需要来回切换不同报表，过程很不方便，而在永洪BI门户界面，企业可根据自己的需求来制作门户首页，在门户上可以定义不同导航栏...，导航栏中根据部门分类绑定不同部门财务报告，从而实现在门户页面上切换各个报表查看，简单方便，让工作更高效。...2、制作门户功能优化了菜单逻辑，导航与界面之间的关系更加清晰。 3、在门户制作上，可通过菜单对门户中的导航及菜单进行设置，包括名称、图表、是否隐藏等。...制作 1、点击左侧导航栏上的“更多”，选择制作门户，即进入制作门户界面。...9、对于IE系列的浏览器，配置门户首页时， IE11 既支持显示门户首页，也支持制作门户，而 IE8、IE9、 IE10和 IE11的兼容性模式只支持显示门户首页，不支持制作门户，在打开制作门户时会进行提示

1.5K3 0

8 个 DOM 功能

这些节点是一个文本字符串，但由于文本是动态附加的，因此它们应该被视为单独的节点。在某些情况下，如果将文本视为单个文本节点会更有帮助，这使文本更容易操作。...() 将会合并该元素内的任何相邻的文本节点。...但是，如果由于某种原因我想使文本节点分开，但我仍然希望能够将文本作为一个单元抓取，那么 wholeText 就是有用的。因此我可以在相邻的文本节点上执行此操作，而不是调用 normalize()。...但需要注意以下几点：我必须在其中一个文本节点上调用 wholeText，而不是元素（因此代码中的el.childNodes [0]、el.childNodes[1]也可以正常工作）文本节点必须相邻，...Firefox 只允许最多三次点击，然后计数再次开始我已经包通过包含 blur 和 focus 来证明这些不符合条件并且总是返回0（即没有点击）在 IE11 等旧版浏览器中的行为严重不一致请注意，

2.7K2 0

黑客成功利用IE关键bug,微软承诺发布补丁

根据Childs以及今天微软公布的安全咨文的说法，安全漏洞的影响面涉及所有受支持IE版本，从12年前的IE6到目前尚未正式推出的IE11无一幸免——IE11浏览器直到今年10月18日才会随Windows...这意味着黑客们只需要引导攻击目标访问恶意网站——或者已经遭到破坏并加载了攻击代码的合法网站——即可劫持其Windows设备上的浏览器并植入恶意内容。...EMET(即增强减灾体验工具)是一款专为高级用户打造的工具，主要帮助企业IT专业人士通过手动方式启用反漏洞技术，例如针对特定应用的ASLR(地址空间布局随机化)以及DEP(数据执行保护)。...不过Fixit才是最适合个人用户的方案：微软在Fixit工具的支持网站上提供了一条链接，客户只需要点击图标并将其标记为“启用”即可。...微软其实很少公布计划外更新：上一次发布的计划外更新为MS13-008，发布于今年1月14日，旨在修复自2012年12月以来肆虐于IE6、IE7以及IE8浏览器之上的漏洞。

7915 0

性能测试工具选择策略——仿真度对比测评分析报告

文本所有通过wireShark抓包文件分析获得的瀑布图，在附录中均附有抓包文件及过程分析数据。...2.浏览器并发能力分析在向浏览器地址栏输入一个URL地址回车时，浏览器呈现在我们眼前的是一个完整的页面。...用于测试服务器在指定的时间段内可承受的最大并发用户数。...chrome每一次单独打开URL的瀑布图也是不一样的，也就是说HTTP请求时序存在一定的随时性，但并发总是不变的。因此kylinTOP的仿真的相似度在并发数和请求时序上几乎与浏览器完全一样。...总结：LoadRunner12对录制的请脚本执行，可以仿真IE11浏览器的6个线程并发，但不能仿真器的HTTP请求之间的顺序，相比LoadRunner11已经有了很大的提升。

2K6 0

从 JavaScript、ES6、ES7 到 ES10，你学到哪儿了？

第二个因素是经济上的：2000 年是互联网泡沫爆发的一年。对于你们中最小的孩子，想像一下几年前的比特币，互联网初创公司在 90 年代后期是一样的。...source=post_page-----8ac044dfd964---------------------- 顶级 Await (Stage 3) 使用 Await 要求你处于异步函数内，这意味着你不能简单地删除包含...很好的问题！考虑到 JS（ES6 至 ES9）的最常见功能，已经完全在除了 IE11 之外的浏览器中实现。你可能会认为：“那么，这还不够好”。...是的，还不够好，因为你做出了选择，所以你应该考虑：在我撰写本文时，目前 IE11 的浏览器占有率为 1.86％。...在公众号内回复“体系”查看高清大图

1.9K2 0

Vuejs 3.0 正式版发布！One Piece. 代号：海贼王

3.0 版本代表了两年多的开发努力，包括 30+ RFC，2600 多个提交，99 个贡献者的 [628 个 PR]，以及核心仓库之外的大量开发和文档工作。...在 Vue 3 中，我们采取了“compiler-informed 虚拟 DOM”的方法：模板编译器执行积极的优化，并生成渲染函数代码，以提升静态内容，为绑定类型留下运行时提示，最重要的是，扁平化模板内的动态节点...### 实验特性我们为单文件组件 (SFC，即 .vue 文件) 提出了两个新特性：：在 SFC 中使用 Composition API 的语法糖的工作才能达到稳定状态 (特别是 devtools 中的路由器和 Vuex 集成)，但我们认为今天使用 Vue 3 启动新的绿色项目是合适的。...## 迁移和 IE11 支持由于时间限制，我们已推迟了迁移版本 (具有 v2 兼容行为的 v3 版本 + 迁移警告) 和 IE11 版本，并计划在 2020 年第四季度重点关注它们。

3.3K1 0

Babel配置傻傻看不懂？

前沿：文章起源在于，朋友跟树酱说在解决项目兼容IE11浏览器过程中，遇到“眼花缭乱”的babel配置和插件等，傻傻分不清配置间的区别、以及不了解如何引用babel插件才能让性能更佳，如果你也有这方面的疑虑...那么Babel就是帮助浏览器翻译的，让web应用能够运行旧版本的浏览器中，比如IE11浏览器不支持Promise等ES6语法，那这个时候在IE11打开你写的web应用，应用就无法正常运行，这时候就需要Babel...来“翻译”成为IE11能读懂的 1.1 Babel是怎么工作的？...官方文档 Babel工作原理本质上就是三个步骤：解析、转换、输出，如下， 1.2 AST 是什么玩意？...答：在开发工具库或者组件库时，就不能再使用babel-polyfill了，否则可能会造成全局污染，可以使用@babel/runtime。它不会污染你的原有的方法。

1.6K4 3

【JS】328- 8个你不知道的DOM功能

将合并该元素内的任何相邻文本节点。...因此，我可以在相邻的文本节点上执行此操作，而不是调用 normalize() ： console.log(el.childNodes[0].wholeText); // This is the initial...但请注意以下几点：我必须调用其中一个文本节点上的 wholeText ，而不是元素（因此代码中的el.childnodes[0] ；el.childnodes[1]也可以工作）文本节点必须是相邻的，...不能使用HTML分隔它们。...我将 blur 和 focus 包括在内，以证明这些不符合条件，并且始终返回0（即不单击）像IE11这样的老浏览器有非常不一致的行为请注意，该演示包含了一个很好的用例，用于演示-模拟三次单击事件的能力

2K1 0

JS魔法堂之实战：纯前端的图片预览

在这之前，我曾经通过订阅input[type=file]元素的onchange事件，一旦更改路径则将图片上传至服务器，接着就获取图片路径并赋值到img元素上。...先不管文件异步提交的解决方案，就是服务端清理那些临时的预览图片已经增加不少工作量了。偶然从MDN上找到纯前端图片预览的相关资料，经过整理后记录下来以便日后查阅。...作了安全方面的考虑，使得在input[type=file]元素上通过value、outerHTML和getAttribute的方式都无法获取用户所选文件的真实地址，只能获取到 C:\fakepath\文件名称...因此假如使用IE11,但文本模式却设置为10以下，那就没木有办法实现图片预览了。 ...预览的img标签使用绝对定位，从而脱离正常文档流，那么就与文档的其他元素无关了，而reflow时则不会影响性能。 2.

2.9K6 0

getComputedStyle与currentStyle

需要注意的是在Gecko内核2.0（即Firefox4）之前该参数是必须的，对于其他主流浏览器来说该参数非必须，现在Firefox已经与其他浏览器一样将该参数设为optional，所以为了兼容性考虑，在没有匹配伪类的情况下...还有一点需要说明的是，在Firefox3.6下，如果要获取框架样式（framed styles），必须要使用document.defaultView.getComputedStyle()而不能使用window.getComputedStyle...css样式，对于浏览器缺省设置、外部样式表以及内部样式表（位于标签内部）都输出空字符串，而getComputedStyle会输出最终应用于该element上的最终样式，而不管该样式是内联的还是外联的还是浏览器默认的...和element.currentStyle主要存在以下区别： a.前者在很多浏览器上（except IE）都支持伪类，currentStyle完全不支持伪类； b.前者使用getPropertyValue...，比如“50%”等，以下为在IE11下对百度首页的测试结果其实在大部分情况下，width、height等的绝对值对我们的用处更大，而且currentStyle也只是微软自家的属性，不是标准，所以在IE9

2.8K2 0

点击加载更多

官宣 Vue3.0 抛弃支持 IE，把精力集中在这个上面

JS魔法堂：浏览器模式和文档模式怎么玩？

低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性

解决前端项目在IE11下不能正常显示且自定义http字段报错异常

前端小知识10点（2019.6.25）

Cocos Creator 出新版本啦， 2.1.2 圆形Shader终于可以完美解决了！

Angular 13 发布：全面弃用 View Engine

js实现图片粘贴上传到服务器并展示

上下div高度动态自适应--另类处理方案

【译】JavaScript实现文字剪贴板&React版本

想同时查看多个报表，3分钟学会门户制作

8 个 DOM 功能

黑客成功利用IE关键bug,微软承诺发布补丁

性能测试工具选择策略——仿真度对比测评分析报告

从 JavaScript、ES6、ES7 到 ES10，你学到哪儿了？

Vuejs 3.0 正式版发布！One Piece. 代号：海贼王

Babel配置傻傻看不懂？

【JS】328- 8个你不知道的DOM功能

JS魔法堂之实战：纯前端的图片预览

getComputedStyle与currentStyle

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐