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 ""; //不支持的浏览器返回空！！}
相关文档：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JavaScript验证输入表单的正确性 </title> ......
///
<summary>
///
一些常用的Javascript方法
///
</summary>
public
static
class
Jscript
{
///
<summary>
///
弹出提示框
///
</summary>
public
static
void
Alert(Page page ......
javascript 控制 html元素 显示/隐藏
1。编写js函数
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显� ......
============思路============
1、首先想到，在展示形象的div中，一定要将裤子、衣服、头发和头饰的图片分别放在不同的层（这可以用z-index标记）。因为头饰要盖住头发，头发要盖在衣服上，衣服的下沿也要盖住裤头。
2、各种衣物如何在div中定位？可以在制作图片时就定好位置，图片尺寸与div相同，该有东西的地方放上东西 ......
html:
<html>
<head>
<title>calendaragain</title>
<link rel=stylesheet href="calendaragain.css">
<script type = " ......
