js 选中文字

选中文字，文字背景是蓝色

当前点击的元素：

var e = e || event;

var tag = e.target || e.srcElement;

选中文字：window.getSelection().selectAllChildren(tag);

取消选中的效果：window.getSelection().removeAllRanges();

时间： 2024-08-10 15:24:20

js 选中文字的相关文章

js选中文字兼容性解决

function selectText(){ if(document.selection){ //ie return document.selection.createRange().text; } else{ //标准 return window.getSelection().toString(); } }

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </

网页某块区域鼠标不让选中文字

1.给元素加样式 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 2.ie6-ie9 需要加以下js a. //不可选中文字 var oDrag = document.getElementsByClassName("ard-adv"); for(var i=0; i<oDrag.length; i++)

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec

html 富文本编辑器相关--输出选中文字和主动选择文字

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="app" contenteditable="true"> <span id="con

Windows 10设置桌面图标间距、窗口的背景颜色、选中文字的背景颜色

Windows 10取消了“高级外观设置”(或者叫“窗口颜色和外观”设置),想调整一些参数只能进注册表了. 按Win+R,然后输入regedit进入注册表编辑器. 桌面图标间距找到这里:HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics 桌面图标水平间距: IconSpacing,默认值大概是-1125,想缩小间距就改大一些,比如-800. 桌面图标垂直间距: IconVerticalSpacing,同上. 窗口的背景颜色找到这里:HK

js实现文字字幕滚动

<div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;"> <ul id="h1"> <li><a href="#">SD卡雷锋精神的路口附近?</a><

屏蔽双击选中文字的方法

FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart="return false"(直接加在需要作用的标签) eg: <div class="test" onselectstart="return false" style="-moz-user-select:none;">你选不到我...(屏蔽双击选中文字的区域)</div>

Xcode如何拖拽选中文字、拖拽代码

不管是文本编辑,还是代码工具,一般都提供了用鼠标拖拽选中文字到指定地方的功能,但是在Xcode里貌似这样有点儿难,你会发现当想拖动的时候会有时候成功,但是大部分时间都是又处于选择状态.一开始我以为是Mac系统的原因,后来发现在其他地方:浏览器就可以拖动,我想这可能是Xcode里去掉了,但是有时候能拖拽是怎么回事.好吧,我不coding了,非得找出来. 废话不多说了: 点击选中的代码(文字),不要移动和松开鼠标左键,当竖线变成箭头之后就可以拖动了,其实不需要多少时间,基本上就是:不要直接点鼠标左键