선택한 텍스트 태그 선택
페이지 정보
본문
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
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>
</head>
<body>
<div id="content">
<p onclick="textSelectRange(this);">HTML5 캔버스</p>
<p onclick="selectRange(this);">
HTML5 캔버스 첫걸음』으로 흥미롭고 인터랙티브한 게임과 엔터테인먼트 애플리케이션을 만드는 방법을 배울 수 있다. HTML5와 자바스크립트를 이용해 <em>캔버스로 그래픽, 애니메이션, 애플리케이션</em>을 만들 수 있다. 캔버스를 사용하면 브라우저 내에 바로 그릴 수 있으며, 데스크톱 컴퓨터와 아이폰이나 안드로이드 같은 모바일 기기에서 모두 실행 가능하다.
</p>
<p onclick="selectRange(this);">■ HTML5가 제공하는 흥미로운 새 기능과 활용 방법</p>
</div>
</body>
</html>
추천 0 비추천 0
- 이전글 변수값이 0까지 체크하기 23.02.20
- 다음글 스마트에디터2에서 display none에서 display block 전환시 에디터 안나올때 23.02.20