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 ""; //不支持的浏览器返回空!!}
相关文档:
在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。
MarkitUp - jQuery
......
JavaScript基础之对象
JavaScript基础之对象
从2004年下半年开始学习Web编程至今3年有余。从HTML,asp开始到现在的VS2008一路学过来,其中学的最多的还是服务器端编程,对客户端编程的学习还是不成系统。虽然在很多个系统里面应用过脚本,有些还起到了比较重要的作用。但一直是只知其然不知其所以然,用的是小心 ......
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设
计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码
将有很大帮助。同时也使得网站更具人性化,更有吸引力.
什么是一个安全的密码呢?本程序按以下 ......
<html>
<head>
<mce:script type="text/javascript"><!--
function aaa()
{
alert("oh no");
window.location="http://community.csdn.net/";
}
// --></mce:script>
</head>
<body onload = aaa();>
< ......
引子
编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。
你看,数据代码间的关系与物 ......