javascript获得选中信息
javascript获得选中信息
filed in javascript post by onelong on2009-12-18 13:57 Friday
最近浏览别人的博客时,看到别人的划词搜索很可爱!突然灵机一动,我想他是怎样获取我们的选中的文字呢?这样的javascript交互真的很人性化!
当然获取页面选中的内容在html编辑器也是很常用的!如要修改某些字体,就可以先选中然后修改!
首先说一说怎样获取页面的内容吧!
IE浏览器是这样获取的:document.selection.createRange().text;
这句可以获取包括文本域的内容!为什么要说明这一点呢?在firefox下获取文本域中选中文字的方法是不同的
firefox下是这样获取选中的内容呢?
window.getSelection().toString();或者用document.getSelection();结果都是一样的
下面看一段兼容的代码吧!
function getSelectedText() {
if (window.getSelection) {//firefox
return window.getSelection().toString();
}
else if (document.getSelection) {//firefox
return document.getSelection();
}
else if (document.selection) {//IE
return document.selection.createRange().text;
}
}
这样就可以获取网页中选中的内容拉!
下面看看firefox怎样获取文本域中选中的内容吧!
function getTextFieldSelection(e) {
if (e.selectionStart != undefined && e.selectionEnd != undefined) {
var start = e.selectionStart;
var end = e.selectionEnd;
return e.value.substring(start, end);}
else return ""; //不支持的浏览器返回空!!}
相关文档:
/**
* 表格排序(单个表格,降序)
* @example
* <code>
* <table is_sort="1">
* <tr>
* <th><a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="table_sort(0, 0)">field1</a></th>
* <th><a href="javascript:void(0)" mce_href ......
============思路============
1、首先想到,在展示形象的div中,一定要将裤子、衣服、头发和头饰的图片分别放在不同的层(这可以用z-index标记)。因为头饰要盖住头发,头发要盖在衣服上,衣服的下沿也要盖住裤头。
2、各种衣物如何在div中定位?可以在制作图片时就定好位置,图片尺寸与div相同,该有东西的地方放上东西 ......
<html>
<head>
<mce:script type="text/javascript"><!--
function aaa()
{
alert("oh no");
window.location="http://community.csdn.net/";
}
// --></mce:script>
</head>
<body onload = aaa();>
< ......
引子
编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。
你看,数据代码间的关系与物 ......
selected控件:在js中的设置是默认是 selected=true
button和checkbox的可用性设置: disabled=true
text文件的只读属性:readOnly
在存在Iframe的时候在需要控制外部数据的时候需要用到 parent
对象没有length属性,只有数组有length长度
在js中可以对对象随意赋属性,如果该属性没有值则为undefined
sortArra ......