易截截图软件、单文件、免安装、纯绿色、仅160KB

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代码

禁止页面刷新的javascript代码
当用户向数据库提交数据后,往往由于点击了F5刷新页面,造成数据的重复提交,很容易造成数据库数据混乱.
如果屏蔽了刷新按钮,二次提交的可能性会小很多!
下面是禁止页面刷新的javascript代码:
document.onkeydown = function()
{
         if(ev ......

JavaScript 日历

html:

<html>
    <head>
        <title>calendaragain</title>
        <link rel=stylesheet href="calendaragain.css">
        <script type = " ......

JavaScript 在本窗口打开网页

<html>
<head>
<mce:script type="text/javascript"><!--
function aaa()
{
alert("oh no");
window.location="http://community.csdn.net/";
}

// --></mce:script>
</head>
<body onload = aaa();>
< ......

悟透Javascript(转载)

引子
    编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
    数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。
 
  
你看,数据代码间的关系与物 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号