js 控制选中文字

【js 控制选中文字】的更多相关文章

//脚本获取网页中选中文字 var word = document.selection.createRange().text; //获取选中文字所在的句子 var range = document.selection.createRange(); range.expand("sentence"); var sentence = range.text; alert(word);//弹出选中的文字 alert(sentence ); 例如页面上有一个文本输入框: <…

js 控制输入文字个数（换行不算）

如题,换行符在textarea中是要当成一个字符的.用普通的maxlength属性就不行了,于是想到通过事件来控制输入文字的长度. 注意哦,回车换行不能算成字符.这样的话,普通的substring等方法可能都不适用,要考虑文字中的换行符. 目前的实现如下,还有不完美的地方.如drag事件没有考虑. <html> <head> </head> <body> <p> textArea2 </p> <textarea id='txtA…

不让复制是不可能的----js获取选中文字

在360百科.知乎上经常会遇见禁止复制文本的情形,这能挡住一部分人复制,却挡不住程序员的复制. HTML都给我了,难道一小段文本我都拿不下来吗? F12打开控制台,然后选中文本,在控制台下粘贴以下代码,选中文本就自动跑到剪贴板上去了. /*获取选中的文字*/ sel = function () { if (window.getSelection) { return window.getSelection().toString(); } else if (document.getSelection…

天坑之路：用js给选中文字添加样式

前言本例基于react,但是实际上就是用原生js做的.兼容性做到了IE9,但是按照这个思路做是可以做到IE8甚至更低的. 需求与最初的思路当我拿到这个需求的时候以为很简单,就是可以给页面上的文章做记号,比如添加个下划线,或者背景涂色做成荧光笔的样子. 因为只需要兼容IE9,所以window.getSelection是支持的.(IE8及以下有其它的获取选中的方法) 那么思路就是选中文本,点击添加下划线后,通过 window.getSelection.getRangeAt(0) 拿到选中的文本对…

js控制html文字提示语的出现和隐藏

有时我们需要在点击html输入框的时候,旁边会出现提示语.在输入字符的时候,输入框下边会出现输入了多少字符的提示. 请看下面实例. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js练习</title> <style type="text/css"> body { background: url("i…

js实现选中文字分享功能

<!doctype html> <html> <head> <meta charset="utf-8"> <title>分享</title> <style> ::selection { background-color:#FDC4ED; } ::-webkit-selection { background-color:#FDC4ED; } ::-moz-selection { background-co…

js 控制输入文字的字数

直接上代码. <html> <head> </head> <body> <textarea id='txtArea' cols='50' rows='10'></textarea> </body> <script> function getSelectionText() { var selText = ""; if (window.getSelection) { // 只有IE6,IE7,I…

js控制radio选中

经常会遇到js控制radio选中和切换的问题之前一直使用的是checked属性来完成的但是现在发现这个属性有个大问题今天就是用js给选中radio的赋值,使用的$().attr("checked",true); 当切换的时候,把name相同的radio的attr("checked",false),再把要选中的radio.attr("checked",true): 但是问题来了,每个radio只能被赋值一次,当第二次给他赋值的时候,赋不上值…

JS控制文字只显示两行，超出部分显示省略号

由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案. 第一步:依次引入jquery.js+jquery.ellipsis.js+jquery.ellipsis.unobtrusive.js. (1)jquery.js源代码下载 http://jquery.com/ (2)jquery.ellipsis.js 源代码可以通过该部分修改默认的行数,修改row的值即可. (function($) { $.fn.e…

js控制select选中显示不同表单内容

<!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> <meta http-equiv="Content-…