获取浏览器中选中部分,比如文本等

代码如下:

效果如图

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6     <script>
 7         
 8         function myfun(){
 9             // alert("b:"+window.b);
10             var obj = getTheSelected();
11             alert(obj);
12
13         }
14         //获取选中的文本并返回
15         function getTheSelected(){
16             var txt;
17             //做能力检测,检查是IE还是非IE
18             if(document.selection) {
19                 txt = document.selection.createRange().text; // IE
20             } else {
21                 txt = document.getSelection();//非IE
22             }
23             return txt.toString();
24         }
25     </script>
26 </head>
27  
28 <body>
29     <div>请选中这里的部分文字。</div>
30     <input type="text" value="我是默认值"/>
31     <img  src="wait.gif" />
32     <input type="button" value="dd" onclick="myfun();" />
33 </body>
34 </html>

更多的效果可以调试这个网页:http://www.techweb.com.cn/ihealth/2016-06-03/2342854.shtml

时间: 2024-08-24 16:06:10

获取浏览器中选中部分,比如文本等的相关文章

C# 获取listview中选中一行的值

首先必须要判断listView1.SelectedItems.Count>0或是listview1.SelectedIndices.Count>0,否则第一次点击会选不中.其次,好像itemSelectionChanged或者SelectedIndexChanged事件都可以触发. private void listView1_ItemSelectionChanged(object sender,EventArgs e) { if (listView1.SelectedItems.Count

jQuery:获取浏览器中的分辨率

JQuery: <script type="text/javascript"> $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHe

JS获取浏览器中的各种宽高值

width: clientWidth:对象实际内容的宽度,不包含边线,最大不超过视口宽度 offsetWidth:对象实际宽度,包含边线,最大不超过视口宽度 scrollWidth:对象实际宽度,不包含边线,可超过视口宽度 height:(都可超过视口高度) clientHeight:对象实际内容的高度,不包含边线 offsetHeight:对象实际高度,包含边线 scrollHeight:对象实际高度,不包含边线.如果对象为body,大于视口时为实际高度,小于视口时为视口高度 分辨率宽高: w

怎么获取textarea中选中文字

textarea设置select="saveSelectionText()" //保存选中内容 saveSelectionText: function () { var focusEle = document.activeElement.tagName; if (focusEle === 'TEXTAREA') { if (window.getSelection) { $scope.mark.selectionText[0] = window.getSelection().toStri

在浏览器中解析Base64编码图像

JavaWeb: 搞定验证码http://www.jianshu.com/p/9284a31e6ce8 import sun.misc.BASE64Decoder; import sun.misc.BASE64Encoder; import javax.imageio.ImageIO; import javax.imageio.stream.FileImageOutputStream; import java.awt.*; import java.awt.image.BufferedImage;

JavaScript获取浏览器窗口、元素、屏幕的大小

在实现页面的某些效果时,我们经常会用到JavaScript去获取浏览器窗口,页面中元素和屏幕的大小,而这三个的大小在不同的浏览器中获取的方式有所不同,所以不得不处理一些兼容性问题. 一.屏幕的大小 首先来看屏幕大小,什么是屏幕大小呢?屏幕大小是指当前所用设备的屏幕的分辨率(浏览器窗口外部显示器的大小),它一般是不变的.它们可以通过JavaScript中的screen对象的属性获取. screen.height:屏幕的像素高度: screen.width:屏幕的像素宽度: screen.avail

javascript 获取光标所选中的内容并插入到另一个文本框中(兼容ie和ff)

项目中正好用到 做下笔记方便以后查找 ie获取光标的位置使用document.selection.createRange() 火狐下使用document.getElementById(id).selectionStart 和 document.getElementById(id).selectionEnd 假设我们要获得id为txt的Textarea元素里面光标所选择的内容 首先创建一个获得光标所选内容的函数(参数:火狐下需要Dom元素 select_field=document.getElem

获取textarea文本框所选字符光标位置索引,以及选中的文本值;textarea高度自适应,随着内容增加高度增加;获取输入框中的光标位置

获取textarea文本框所选字符光标位置索引,以及选中的文本值 $.fn.selection = function () { var s, e, range, stored_range; if (this[0].selectionStart == undefined) { var selection = document.selection; if (this[0].tagName.toLowerCase() != "textarea") { var val = this.val()

jQuery截取字符串、日期字符串转Date、获取html中的纯文本

jQuery截取字符串.日期字符串转Date.获取html中的纯文本. var com = com || {}; (function ($, com) { /* * 截取字符串 * @param str:要截取的字符串 * @param len:保留多少字符 * @param symbol:超过之后字符串末端要添加的字符 */ com.cutStr = function (str, len, symbol) { if (symbol == undefined) { symbol = "...&q