Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • javascript获得选中信息

    post by onelong / 2009-12-18 20:57 Friday [javascript]

    最近浏览别人的博客时,看到别人的划词搜索很可爱!突然灵机一动,我想他是怎样获取我们的选中的文字呢?这样的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 ""; //不支持的浏览器返回空!!}

    引用地址:
     

    我要评论