<strong>소스코드: </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="87443" class="copybut" id="copybut87443" onclick="doCopy('code87443')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code87443"> <br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 🎜>< ;head> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br><meta name="Author" content=""> ; <br><title>콘텐츠 필터링</title> <br><br><script type='text/javascript'> <br><br>function getPositions() { <br>var el = document .getElementById ('shaixuan'); <br>var startPosition = 0;//선택한 텍스트의 시작 위치<br>var endPosition = 0;//선택한 텍스트의 끝 위치<br>if(document.selection ) { <br>//IE <br>var range = document.selection.createRange();//범위 객체 생성<br>var drange = range.duplicate();//객체 복제<br><br>drange .moveToElementText(el ); //범위 복사<br>drange.setEndPoint('EndToEnd', range); <br><br>startPosition = drange.text.length - <br>endPosition = startPosition range.text.length; <br>} <br>else if(window.getSelection) { <br>//Firefox,Chrome,Safari 등 <br>startPosition = el.selectionStart; <br>endPosition = el.selectionEnd; <br>} <br>return { <br>"start":startPosition, <br>"end":endPosition <br>} <br>} <br><br>//@todo 선택한 텍스트를 텍스트 영역에서 가져오기 <br> function getshaixuan() { <br>var position = getPositions(); <br>var start = position.start;//시작 위치<br>var end = position.end;//끝 위치<br>var text = document .getElementById('shaixuan').value; <br>var selectText = text.substr(start, (end - start));//텍스트 영역에서 선택한 텍스트 <br>//alert(selectText); <br> var textBox1 = document.getElementById("canjia"); <br>textBox1.innerText=textBox1.value selectText <br>//]]> ><br><title>요소 사본</title> <br><style type="text/css"> <br><!-- <BR>body{font-size:18px} <br> p{테두리 스타일:없음} <br>.p1{ 배경색:#FFFFFF;margin-top:60px;margin-bottom:3px;margin-left:200px;} <BR>.p2{ 배경- 색상: #FFFFFF;margin-top:2px;margin-bottom:3px;margin-left:150px;} <BR>.p3{ background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position :absolute ;left:550px;top:60px} <BR>.p4{ background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position:absolute;left:500px;top:85px} <BR>.p5{ background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position:absolute;left:380px;top:190px} <BR>--> <br></head> <br><br><body> <br><p class="p1">필터 목록</p> <br><textarea id="shaixuan" name= " check" cols="23"row="15" class="p2"></textarea> <br><div class="p3">참가자 목록</div> <br><textarea id="canjia" name="canjia" cols="23"rows="15" class="p4"></textarea> <br><input type="button" value="콘텐츠 복사" 클래스 ="p5" onclick="getshaixuan();"> <br><!--</textarea<button onclick="getshaixuan()">콘텐츠 가져오기</button>--> 🎜><br></body> <br></html> <br><br> <br><br>효과 달성: <br> <br><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
