js 선택 한 내용 가 져 오기

2656 단어 js
현재 많은 사이트, 특히 비교적 큰 사이트 에는 이러한 기능 이 있 습 니 다. 한 단락 의 문 자 를 선택 하고 마우스 근처에 자동 으로 버튼 을 표시 하여 웨 이 보 등 정 보 를 발표 하 는 데 사 용 됩 니 다.
windows. getSelection () 방법 이나 document. getSelection () 방법 을 통 해 선택 한 텍스트 내용 을 얻 을 수 있 습 니 다.
 
window. getSelection () 은 높 은 버 전의 ie 나 FireFox, Chrome 에서 만 사용 할 수 있 습 니 다.
document. getSeletion () 은 ie 에서 만 사용 합 니 다.
하지만 실제 사용 에 서 는 크롬 이 둘 다 지원 하 는 것 으로 나 타 났 다.
 
설명: getSelection () 방법 으로 돌아 오 는 대상 은 선택 한 문자열 이 아니 라 선택 한 dom 요소 입 니 다.
toString () 방법 을 통 해 선택 한 텍스트 를 표시 할 수 있 습 니 다.
 
예: 할 일이 없어 서 예 를 하나 썼 다.마우스 로 텍스트 를 선택 하면 선택 한 텍스트 가 자동 으로 표 시 됩 니 다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
    $(document).click(function(){
        var selectText = window.getSelection();
		$("#selectContent").html(selectText.toString());
    });

});
</script>
</head>
<body>
<div>123123123123123123123123hiuashdfiuahsufisdafohasuidf</div>
<div>    </div>
<div id = "selectContent"></div>
</body>
</html>

 
 
 
다음은 인터넷 에서 찾 은 방법 입 니 다. 믿 을 만 한 것 같 습 니 다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>    </title>
    <script type="text/javascript">
    function getSelect()
    {
        if(window.getSelection)
        {
            alert(window.getSelection());
        }
        else
        {
            alert(document.selection.createRange().text);
        }
        
    }
    </script>
</head>
<body>
<div>asdlfjawefo;awejgoawemfaowcmzxvczo<b>asdfwe3wg2222</b>xcvaowdfijq9p23rjq023jrq23r</div>
<input type="button" value="   " onclick="getSelect();" />
</body>
</html>

 
선택 한 코드 를 가 져 오 는 일반적인 쓰기:
var word = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;

 

좋은 웹페이지 즐겨찾기