window.getSelection().toString()在IE 11上不起作用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

CSS 文字溢出:ellipsis在IE上不起效果

overflow: hidden; text-overflow: ellipsis; } 适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；不兼容IE...transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); } 局限性：该方法能在谷歌和IE

5721 0

第56天：选中文字弹出提示框

所以这个的事件一定是 onmouseup ，盒子显示而且盒子的位置在鼠标的 clientX 和 clientY 一模一样用来判断选择的文字二、获得用户选择内容 window.getSelection...() 标准浏览器 document.selection.createRange().text; ie 获得选择的文字兼容性的写法： if(window.getSelection) {... txt = window.getSelection().toString(); // 转换为字符串 } else { txt = document.selection.createRange...().text; // ie 的写法 } 案例代码： 1 <!...){//获取选中的文字 48 txt=window.getSelection().toString();//转换为字符串 49 }else{ 50

2K2 0

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

是的

没有找到

文本选择window.getSelection

8.文本选择window.getSelection 例 1.8（文本选择IEFF.html) IE10 alert("马克-to-win：火狐click事件包括鼠标点下和抬起两个动作，不抬起不算结束，所以可以选择文本。...window.getSelection is "+window.getSelection); selectionText = window.getSelection(); }else if(document.getSelection...){//IE10 selectionText = document.getSelection(); }else if(document.selection){//IE6+10- selectionText...document.selection.createRange().text; }else{ selectionText = ""; } strlen = selectionText.toString

9983 0

双击文本没有被选中

IE浏览器使用document.selection当前用户激活对象选择区域，通过后获取当前用户的操作区document.selection.empty()功能来实现双击选定的文本不起作用。...不IE浏览器使用window.getSelection对象选择当前用户激活区域。...在获取当前用户操作区域后通过removeAllRanges()函数实现双击不选中文本功能 $(document).ready(function...function(){ if(document.selection&&document.selection.empty){ document.selection.empty(); }else if (window.getSelection...) { var sel=window.getSelection(); sel.removeAllRanges(); } }; $("#element").bind("dblclick",function

2.4K1 0

JS实现页面复制文字时自动加版权

language="javascript" type="text/javascript"> jQuery(document).on('copy', function(e) { var selected = window.getSelection...(); var selectedText = selected.toString().replace(/\n/g, ''); // Solve the line breaks conversion.../javascript"> var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { /* 兼容IE...; var copyText = selection.toString().replace(/\n/g, '') + pageInfo; // Solve the line...newDiv); }, 0); } document.oncopy = addCopyRight; } 方法1最初发表在本人的博客园文章中

5.5K3 0

JS魔法堂：判断节点位置关系

IE9~11下的Selection类型对象没有containsNode方法； 4....IE11仅有[object Selection]类型获取方式： document.getSelection() 或 window.getSelection() 2....获取[object Selection]： document.getSelection() 和 window.getSelection() 3....通过window.getSelection().getRangeAt({unsigned int32} index)获取[object Range]对象 3....） 000010 2 节点 B 在节点 A 之前 000100 4 节点 A 在节点 B 之前 001000

6.1K5 0

第43天：事件对象event

onmouseover、 onmouseout、 onclick event //事件的对象兼容写法：var event = event || window.event; event常见属性，如下表：属性作用...document.onmousemove = function(){ } } 当我们按下鼠标的时候，就要记录当前鼠标的位置 - 大盒子的位置 1、算出 bar 当前在 ...清除选中的内容 window.getSelection ?...window.getSelection().removeAllRanges() : document.selection.empty(); 案例： 1、鼠标点击跟随动画 1 <!...#image{ 8 width: 88px; 9 position: absolute; 10 left: 0; 11

7241 0

工作效率：禁止转载-复制解决方案（知乎、简书）

简介今天照例进行日常总结，在查找资料进行ctrl+c加ctrl+v时，发现知乎的页面竟然禁止转载了，也就是对复制做了拦截后续发现知乎不是所有内容都是禁止转载的，只有设置了禁止转载的内容才禁止复制，普通内容在复制后会加上版权以及来源...()可以获得选中内容的文字部分，document.getSelection(0).empty()可以取消选中，在getSelection()中传参可以获取不同的选中内容段，更多有趣的方法在它原型里。...另外一种就是oncopy监听，复制的数据通过window.getSelection这个api获取，如果需要加版权信息，在数据放入剪切板前处理下，加上版权信息接口，知乎就是用的这种，大部分网站都是这样的...个，则加入授权信息 copyText = `${copyText} ` } // 兼容一下ie浏览器，ie中是window，其他浏览器是event let clipboardData...window.getSelection(0).toString(); 如下： 2.

1.5K1 0

JavaScript 中获取光标位置

Selection对象存在于window对象上，可以通过window.getSelection()获取示例。属性： anchorNode：选区起点的节点。...toString()：放回当前Selection对象的字符串。 1.3. Range Range对象表示一个Selection的选择范围，一个Selection可以包含多个Range。...insertNode(newNode)：在range的其实位置插入新的节点。 surroundContents(newNode)：将range对象的内容移动到新的节点中。...1.4. input/textarea 在HTML5中，input/textarea 都存在以下属性,不支持IE6/7。...// 设置选中区域为一个点 range.collapse(true); // 获取当前选中区域 selection = window.getSelection

13.9K2 1

Bookmarklet编写指南

如果写的正确，同样一个Bookmarklet在各种浏览器上都能正常使用。三、Bookmarklet的编写规则 1....它的作用等同于将代码放在之间运行。 2....IE的最长网址不能超过2083个字符（IE6不能超过508个字符），这也就是Bookmarklet的最长长度。压缩工具可以帮忙减少长度，但是使用下面提到的连接外部代码的方法，可以避开这个限制。 3....获取当前选中的文本：　　var t; 　　t = (function(){ 　　　　if (window.getSelection){ 　　　　　　return window.getSelection...框架（frameset）对于使用"框架"（frameset）的网页，那些需要操作页面的Bookmarklet一般不起作用。

1.8K9 0

网页上的复制与剪切

IE 10及以上的版本修改了Document.execCommand()方法，增加了对剪切和复制的支持。Chrome从43版本开始也支持了这项特性。...().removeAllRanges(); }); 如上代码中使用了Selection API的window.getSelection()方法选中链接的文本。...在document.execCommand()方法后，我们可以通过调用window.getSelection().removeAllRanges()方法来移除选中。...如果没有选中的文本，你可以显示一个消息给用户，这样更加友好～浏览器支持情况 IE 10+、Chrome 43+和Opera 29+ 已经支持了这些命令。...在devtools中调用 queryCommandSupported() 一定会返回false。目前剪切命令只在你用js选中文本时起作用。

1.9K2 0

Typecho文章里添加版权链接 - 纯代码

添加版权链接可以在别人转载时更方便的添加原文链接信息，本次修改是基于 Joe主题修改的！在 Joe/public/article.php 第39行下添加以下代码。...> 复制文章自动添加版权说明在usr/themes/Joe/public/footer.php最下面添加即可。...document.body.addEventListener('copy', function (e) { if (window.getSelection().toString() && window.getSelection...>' + window.getSelection().toString(); var textData = '' + '著作权归作者所有。...>\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData

6011 0

WEB：Range 与 Selection

兼容性这方面，IE 从没让我们失望过... ? ?...接口简介：获取文档中当前选中的部分： var selRange = window.getSelection(); 获取当前选中部分的文本； selRange.toString(); 调整当前选中区的...示例2：selRange.toString(); ? 代码分析： ? ? 示例3：selRange.addRange ? 代码分析： ?...IE 专有接口怎么用？ IE 从 9 开始，就实现了 W3C 的标准 Range 接口；但IE7、IE8这些老古董，就只能用 IE 自己的 TextRange 和 selection 接口； ?...应用场景 Range 与 Selection 在类似下图这种 Mask Input（自动格式化录入）插件中有广泛应用； ?

1.8K1 1

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

昨天接到客户的反馈,说用户的IE11浏览器无法访问我们的后台据了解,IE11只能在win7系统上运行,我们的电脑都是win10的不能远行,后来发现360兼容模式可以模拟IE11,并复现问题....并且还有一个无法获取未定义会null引用的熟悉call 如下图点击对应的js 进入堆栈查看是哪个方法出错第一个语法错误, 点击vendor...js 进入详情这里是压缩后的js,整体就1行代码, 并且在控制台看代码...这个问题解决好了之后,又报了另一个问题在IE中如果你在请求头部添加了一些自定义字段,是需要服务器相关配置的.其他浏览器不需要....参考资料 https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples

1.4K1 0

Hexo+NexT选取文字提示版权信息

2.1 新建selectionCopyright.swig文件首先在\themes\next\layout\_third-party目录下新建selectionCopyright.swig文件，然后在文件里依次添加如下代码...script> window.onload = function() { function selectText() { if (document.selection) { //IE...浏览器下 return document.selection.createRange().text; //返回选中的文字 } else { //非IE浏览器下...return window.getSelection().toString(); //返回选中的文字 } } var content = document.getElementsByTagName..._config.yml中加入： # 鼠标选取文字自动提示版权信息 selectionCopyright: enable: true 最后在Git Bash里执行hexo s部署，欧克，完成

1.3K3 0

关于PHP缓冲控制在IE浏览器下的应用

> 上面这段程序是实现每隔1秒钟在浏览器上输出一个字符，但实际效果是程序执行完后才把所有字符输出到浏览器上，调试了好几次都不行。在网上搜索了N个技术文章都没有解决这个问题。...最后从一篇文章上找到些灵感，那篇文章里写到flush()函数可能在微软IE浏览器的个别版本上不起作用。...于是我用FireFox浏览器试了一下，果然立即出现了想要的效果，我的浏览器是IE6，经过查阅相关资料，得知，IE的某些版本只有在字符串缓冲到256字节的时候才会将缓冲内容输出到浏览器上。...> 在想要输出的字符串后加上256个空格，使字符串长度达到IE浏览器所规定的缓冲长度，再用ob_flush()函数配合flush()函数来将缓冲内容输出到浏览器上，这样基本上所有的浏览器就都可以正常得到预期的效果了...经验不敢独享，贴上来和各位一起分享，希望在大家的开发过程中如果遇到类似问题可以帮上忙！

1.7K1 0

H5 的复制操作

作者：villainthr 一开始，在 Web 端，并没有任何可以接触到 clipborad 的内容。以前，我们想要执行 copy/paste/cut 只能借助 flash。...toString(): 用来将选中的内容直接变为 text 文本。...基本使用就是： // 输出选中的文本 window.getSelection().toString(); 我们一般只是使用该 API 进行辅助作用。...aux.select(); // 获得选中的内容 var content = window.getSelection().toString(); // 执行复制命令 document.execCommand...不过，在手机端中，规矩是，你可以在可编辑的元素中触发 cut 和 paste , 只能在有效的选中元素中，触发 copy。

6.4K1 2

给你的网站加一个复制文章自动带版权说明

在折腾博客美化教程的时候无意间逛了一个博客，复制他的教程时发现内容里竟然自动的带上了他的版权说明，觉得蛮好玩的于是便也在自己的博客上使用了起来，然后现在分享出来。...或者 footer.php 最下面放入以下代码就可以了 ## 代码 document.body.addEventListener('copy', function (e) { if (window.getSelection...().toString() && window.getSelection().toString().length > 42) { setClipboardText(e); notie...().toString(); var textData = '' + '著作权归作者所有。...().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData(

7641 0

JS - 兼容到ie7的自定义样式的滚动条封装

中用js得不到高度，jq的height()方法和js的clientHeight都得不到 */ right: 0; width: 11px; border-radius: 10px; height...= $(params.scrollBar),//滚动条 9 startY = 0,//开始位置 10 lastY = 0,//结束位置 11...94 $contanr.css({'top':-$conScroll.height()*lastY/$(this).height()+'px'}); 95 window.getSelection...window.getSelection().removeAllRanges() : document.selection.empty(); // 防止拖动文本 96 e.stopPropagation...对，不是ie是火狐。

5.5K4 0

在评论输入框中插入表情

最近在做一个后台管理系统，要求可以对前台用户的作品进行评论，而评论要可以输入表情，常规的文字输入框都是用的文本域textarea来做的，但这种输入框只能输入文字，没有办法输入表情图标，这个时候可编辑div就能起到作用了...要完成这个功能得用到 selection 以及 range，selection 对象由 window.getSelection() 方法获得，它代表页面中的文本选区，选区对应的区域，而range对象，可由...function insertImg(src) { if ('getSelection' in window) { var sel = window.getSelection()...img.src = src; // 插入图片 range.insertNode(img); // 将选区折叠为一个插入点，为了兼容IE

5.4K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭