선택한 텍스트 태그 선택
페이지 정보
본문
<!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
- 이전글 iframe 에서 부모창 body width 체크후 iframe에 특정 class 지정하기 23.03.28
- 다음글 모바일웹에서 링크 클릭시 진동기능 추가(하이브리드앱 포함) 23.02.20