开发者

How to get selected text from DIV using javascript ( working on IE7-8 )?

开发者 https://www.devze.com 2023-01-28 17:02 出处:网络
How to get highlighted text from DIV 开发者_运维技巧using javascript ?Try this:    if (window.getSelection)

How to get highlighted text from DIV 开发者_运维技巧using javascript ?


Try this:

  

 if (window.getSelection)
 {
     txt = window.getSelection();
 }
 else if (document.getSelection)
 {
     txt = document.getSelection();
 }
 else if (document.selection)
 {
     txt = document.selection.createRange().text;
 }
 else return;


Let's try.

<!DOCTYPE HTML>
<html>
<head>
<title>Highlighted text</title>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
if(!window.Kolich){
                Kolich = {};
            }

            Kolich.Selector = {};
            // getSelected() was borrowed from CodeToad at
            // http://www.codetoad.com/javascript_get_selected_text.asp
            Kolich.Selector.getSelected = function(){
                var t = '';
                if(window.getSelection){
                    t = window.getSelection();
                }else if(document.getSelection){
                    t = document.getSelection();
                }else if(document.selection){
                    t = document.selection.createRange().text;
                }
                return t;
            }

            Kolich.Selector.mouseup = function(){
                var st = Kolich.Selector.getSelected();
                if(st!=''){
                    alert("You selected:\n"+st);
                }
            }

            $(document).ready(function(){
                $(document).bind("mouseup", Kolich.Selector.mouseup);
            });
</script>
</head>
<body>
Select some text on the page ...
</body>
</html>

You can customize the data of highlighted text on this function. The highlighted text is st

Kolich.Selector.mouseup = function () {
    var st = Kolich.Selector.getSelected();
    if (st != '') {
        alert("You selected:\n" + st);
    }
}
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号