자바스크립트
-
[javascript] Selection과 Range를 통해 내맘대로 커서 조작하기 - Selection편IT, 프로그래밍/Javascript 2019. 12. 16. 09:00
Selection : 사용자가 마우스를 통해 드래그&클릭하거나 키보드를 통해 선택한 텍스트의 범위를 나타냅니다. 혹은 유저의 현재 커서 위치(caret)를 나타냅니다. 크롬, IE 등 브라우저에서는 사용자가 선택한 텍스트에 대한 처리를 지원하기 위해 Selection API를 지원하고 있습니다. 특히 Selection과 Range 객체는 특히 위지위그(WYSIWYG) 에디터, 텍스트 리치 에디터등을 구현할때 중요하게 사용되니까 필요하신 분들은 꼭 알아두시기 바랍니다. Selection은 anchor와 focus를 가지는데요. anchor는 텍스트 선택을 시작한 지점, focus는 선택을 끝낸 지점을 말합니다. Selection은 방향을 가질 수 있습니다. 이 말은 텍스트의 왼쪽에서 오른쪽으로, 혹은 오른..
-
일정 시간이 지났는지 확인하는 함수IT, 프로그래밍/Javascript 2018. 12. 27. 14:05
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748function TimeChecker() { let startTime; const TIME_INTERVAL = 2000; this.validateOverInterval = function () { let endTime = new Date().getTime(); if (endTime - startTime = TIME_INTERVAL) { startTime = new Date().getTime(); return true; } } } window.onload = function(){ let timeCheckerTest = new TimeChecker(); ..
-
img 태그에서 경로 뽑아내기IT, 프로그래밍/Javascript 2018. 8. 10. 20:10
자바스크립트로 image 태그의 경로를 뽑아서 활용해야 할 때 써먹을 수 있습니다.이렇게 지정된 이미지 태그가 있다고 합시다. 1cs 1) Host를 포함한 경로를 뽑아내기1document.getElementById("imgTag").srccs 결과 : http://localhost:8080/image/twice.jpg 2) Host를 제외한 경로 뽑아내기1document.getElementById("imgTag").getAttribute("src")cs 결과 : /img/twice.jpg
-
좌표 최단거리 검색IT, 프로그래밍/Javascript 2018. 8. 3. 22:34
두 좌표간의 직선 거리를 구하기 위한 함수이며, 지도 API 등에 활용하면 될 듯 하다. 사용해 본 결과 상당히 정확했음. 1) prototype 사용1234567891011121314151617 function calculateDistance(lat1, lon1, lat2, lon2) { var R = 6371; // km var dLat = (lat2-lat1).toRad(); var dLon = (lon2-lon1).toRad(); var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) * Math.sin(dLon/2) * Math.sin(dLon/2); var c = 2 * Math.a..