본문 바로가기

Local Oriented/jQuery

jQuery 클릭 또는 터치 좌표

아래와 같이 코드를 만들어서 갤럭시S 와 iPod Touch 4세대, PC 에서 IE 8.x, PC Chrome, PC Safari 등을 모두 테스트 해 봤는데..

모두 PC 좌표라고 찍히네요.. jQuery 버전에 따라 달라지는걸까요..? 어떤 분은 iPhone 에서만 다르다 하는데..

iPhone 을 가지고 있지 않아서 테스트 못했군요.. ㅠ.ㅜ




<div id="idDiv1" style="width:200px; height:200px; background:yellow">클릭.. 터치..?</div>

<script type="text/javascript" src=".../jquery-1.4.2.min.js"></script>

<script>

  $('#idDiv1').bind('mousedown',function(event){

    var x,y,s;

    try{

      var x1 = event.clientX;

      var y1 = event.clientX;

      if(x1!='' && y1!=''){

        x = x1;

        y = y1;

        s = 'PC 좌표';

      }

    }catch(e){

    }

    try{

      var oe2 = event.getOriginalEvent.touches[0];

      var x2 = oe2.clientX;

      var y2 = oe2.clientY;

      if(x2!='' && y2!=''){

        x = x2;

        y = y2;

        s = 'Mobile 좌표';

      }

    }catch(e){ 

    }

    alert(s+ '\nx: '+x+'\ny: '+y);

  });

</script>


'Local Oriented > jQuery' 카테고리의 다른 글

jQuery 플러그인, 바로가기 메뉴, 팝업 메뉴  (0) 2012.06.14
beforeunload  (0) 2012.06.14
jQuery 관련 UI 프레임웍  (0) 2012.05.08
jQuery 플러그인 모음  (0) 2012.04.30
jQuery Selector 선택자 검색 찾기  (0) 2012.04.24