선택한 텍스트 태그 선택

		HTML5 캔버스 첫걸음』으로 흥미롭고 인터랙티브한 게임과 엔터테인먼트 애플리케이션을 만드는 방법을 배울 수 있다. 
		HTML5와 자바스크립트를 이용해 캔버스로 그래픽, 애니메이션, 애플리케이션을 만들 수 있다. 
		캔버스를 사용하면 브라우저 내에 바로 그릴 수 있으며, 데스크톱 컴퓨터와 아이폰이나 안드로이드 같은 모바일 기기에서 모두 실행 가능하다.

Tag And Script

<script>
function textSelectRange(obj) {
	if (window.getSelection) {
		var selected = window.getSelection();
			selected.selectAllChildren(obj);
		//console.log(selected.toString());
	} else if (document.body.createTextRange) {
		var range = document.body.createTextRange();
			range.moveToElementText(obj);
			range.select();
		//alert(range.htmlText);
	}
}
// 사용법 textSelectRange(obj);
</script>

<div class="div_demo-ex_tag"> 
	<p onclick="textSelectRange(this);">HTML5 캔버스</p>
	<pre onclick="textSelectRange(this);">
		HTML5 캔버스 첫걸음』으로 흥미롭고 인터랙티브한 게임과 엔터테인먼트 애플리케이션을 만드는 방법을 배울 수 있다. 
		HTML5와 자바스크립트를 이용해 <em>캔버스로 그래픽, 애니메이션, 애플리케이션</em>을 만들 수 있다. 
		캔버스를 사용하면 브라우저 내에 바로 그릴 수 있으며, 데스크톱 컴퓨터와 아이폰이나 안드로이드 같은 모바일 기기에서 모두 실행 가능하다.</pre>
	<p onclick="textSelectRange(this);">■ HTML5가 제공하는 흥미로운 새 기능과 활용 방법</p>
</div>