커서 위치 값 알아내기

Mozilla Firefox 사용에 대한 일반적인 질문과 답을 해 주는 게시판입니다. 질문을 하기 전에 FAQ를 읽어 보시는게 도움이 될 것입니다.
Post Reply
yser
서포터즈
서포터즈
Posts: 52
Joined: 2005 01 28 11:12 17
Contact:

커서 위치 값 알아내기

Post by yser »

자바스크립트에서, 마우스 이벤트가 발생하는 것을 잡아서 x, y 위치는 얻을 수가 있는데, 커서의 위치도 얻을 수가 있나요?

레퍼런스를 뒤져봤는데 안보여서 여기다 질문해 봅니다.
어떻게 하면 커서 좌표를 얻을 수 있을까요.
설마 불가능한 건.. -_-;
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

헉 퇴근시간이라

Post by 박민권 »

Code: Select all

<script type="text/javascript">
	document.onmousemove = function test(e){
		if(e){
			document.getElementById('txt').value = e.pageX + ', ' + e.pageY;
		}
		else{
			//익스전용 코드
		}
	}
</script>
</head>

<body>
	<input type="text" id="txt" />
	<div onclick="alert(event.pageX)">aaaaaaaaaa</div>
</body>
익스전용 코드는 ... 퇴근시간이라서요....
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

퇴근했습니다.

Post by 박민권 »

Code: Select all

<script type="text/javascript">
   document.onmousemove = function test(e){
      if(e){
         document.getElementById('txt').value = e.pageX + ', ' + e.pageY;
      }
      else{
         document.getElementById('txt').value = event.x + ', ' + event.y;
      }
   }
</script>
</head>

<body>
   <input type="text" id="txt" />
</body>
급하게 퇴근하느라. ㅎㅎㅎ
집에와서 익스코드도 마저 작성해서 넣습니다.
이 코드가 도움이 되면 좋겠습니다.
yser
서포터즈
서포터즈
Posts: 52
Joined: 2005 01 28 11:12 17
Contact:

Post by yser »

헉... 우선 답변 감사합니다.

처음엔 좋아라 했는데, 알고보니 아니였습니다.

본문에도 적었듯이, 마우스 포인터 위치가 아닌, 커서 캐럿의 위치입니다.
이걸 구할 수가 있을까요?

즉 textarea 에서 편집시에, 커서가 계속 이동하는데, 이 커서의 x,y 좌표를 알고 싶습니다.. 이건 마련된 프라퍼티가 없는지요.. 만약 없으면, 직접 커서 추적 루틴을 만들어야 하겠군요. 근데 그게 가능할려나 모르겠군요. -_-; 가능하더라도 상당한 삽질이 될 거 같은데..

아시는 분은 꼭 답변 좀 부탁합니다.
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

Post by 박민권 »

yser wrote: 본문에도 적었듯이, 마우스 포인터 위치가 아닌, 커서 캐럿의 위치입니다.
이걸 구할 수가 있을까요?
캐럿의 위치는 x,y가 아닌 몇번째 글자에 위치했는지로 나타날 것이라 생각됩니다.
근데 그걸 지원해주는지...
불여우의 textarea 객체가 지원해주지 않는다면 달리 방법이 없지 않나 싶습니다. ㅡㅡ;
DHTML 에디터를 만드시려고 하시나요?
저는 DHTML에디터의 원리를 잘 모르겠어요.
어떻게 그렇게 나타나는건지...
웹페이지를 복사한 내용이 똑같이 붙여넣기도 되잖아요.
아이프레임에 document.write를 이용해서 하는건지...
그것보다는 node에 삽입등을 통해서 하는거 같은데 추상적이기만 하지 구현을
못하겠어요. 무료 dhtml에디터 소스 분석하는것도 복잡하고.
간단한 원리만 보여주는 샘플소스가 있다면 좀 쉬울텐데 말이죠.
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Post by hyeonseok »

박민권 wrote: 저는 DHTML에디터의 원리를 잘 모르겠어요.
어떻게 그렇게 나타나는건지...
웹페이지를 복사한 내용이 똑같이 붙여넣기도 되잖아요.
iframe 의 편집 모드를 이용하면 클립보드의 내용이 html 로 그대로 들어갑니다. 저도 잘은 몰라요. ^^
Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests