반응형

1. 클릭한 버튼 알아내기

익플: 왼쪽=1, 오른쪽=2 ,휠=4
사파리,크롬,파폭:왼쪽=0,오른쪽=2,휠=1
2를 먼저 판단하는게 좋을 듯..

$(".mouseBtn").mousedown(function(event){
       alert(event.button);
   if(event.button==2){
       alert('right button');
   }else{
       alert('left button');
   }
 });

 
2. 클릭한 위치 알아내기 


 $("#inArea").click(function(event){
    var $x=event.screenX;
    var $y=event.screenY;
    $("#inText").html('<font color=red>x좌표:'+$x+'</font>  <font color=blue>y좌표:'+$y+'</font>');
 });
반응형
저작자표시 비영리 변경금지

'jQuery' 카테고리의 다른 글

jQuery hover(), toggleClass(), toggle()  (0) 2011.10.14
jQuery css  (0) 2011.10.14
jQuery bind(), unbind(), trigger()  (0) 2011.10.14
google jQuery 최신 버전 지원(1.버전대)  (0) 2011.10.07
jQuery children(),each()  (0) 2011.10.07
반응형

bind() - 여러개의 이벤트와 펑션을 묶어준다
ex)  

$("#buttons").bind("click mouseover",function() {
   alert('click or mouseOver');
});

unbind() - 이벤트 제거
ex)

$("#buttons").bind("click mousevoer",function(){
   $("#buttons").unbind("click"); //click 이벤트 비활성 unbind("click mouseover")= click mouseover 둘다 비활성
}



trigger() - 이벤트의 자동 발생
ex) 

$("#buttons").trigger('click'); //p 엘리먼트 클릭 - 자동발생 




                    
        

  

    
반응형

    
    
    
  



        


                    

  





  



  





    
        
            저작자표시 비영리 변경금지 
        
    


  




                    


  
'jQuery' 카테고리의 다른 글

  

    

      jQuery css  (0)
      2011.10.14
    

    

      jQuery 마우스 이벤트(클릭한 버튼, 클릭한 위치)  event.button, event.screenX, event.screenY  (0)
      2011.10.14
    

    

      google jQuery 최신 버전 지원(1.버전대)  (0)
      2011.10.07
    

    

      jQuery children(),each()  (0)
      2011.10.07
    

    

      jquery  기본 필터  (0)
      2011.07.31
    

  






    


    

    

  


          
      
          
  

  

    

      
    


    

      
                    
        

  

    
반응형

    
    
    
  



        

            


 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


1.x.x 버전대의 jQuery 를 지원 해줍니다.

                    
        

  

    
반응형

    
    
    
  



        


                    

  





  



  





    
        
            저작자표시 비영리 변경금지 
        
    


  




                    


  
'jQuery' 카테고리의 다른 글

  

    

      jQuery 마우스 이벤트(클릭한 버튼, 클릭한 위치)  event.button, event.screenX, event.screenY  (0)
      2011.10.14
    

    

      jQuery bind(), unbind(), trigger()  (0)
      2011.10.14
    

    

      jQuery children(),each()  (0)
      2011.10.07
    

    

      jquery  기본 필터  (0)
      2011.07.31
    

    

      jquery 셀렉터  (0)
      2011.07.31
    

  






    


    

    

  


          
      
          
  

  

    

      
    


    

      
                    
        

  

    
반응형

    
    
    
  



        

            
children( ) => 지정한 엘리먼트의 바로 아래 자식 노드 (parent( )는 부모 노드)

each( ) => 각각 엘리먼트에 차례로 접근



<html>
<head>
	<title>jquery each()</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {

			//root의 자식 노드 선택
			var nodes=$("#root").children();

			//nodes의 갯수를 alert
			alert(nodes.length);

			//변수 txt 선언
			var txt="";	
			//nodes 의 각각 엘리먼트에 차례로 접근해서 txt에 입력
			nodes.each(function(){
				txt+=" "+$(this).text();
			});
			alert(txt);
		});
	</script>
</head>
<body>
	<div id="root">
		<div>Azit4u</div>
		<div>S2ang</div>
		<div>Hello</div>
	</div>
</body>
</html>




 


http://azit4u.phps.kr/jquery/each.html

                    
        

  

    
반응형

    
    
    
  



        


                    

  





  



  





    
        
            저작자표시 비영리 변경금지 
        
    


  




                    


  
'jQuery' 카테고리의 다른 글

  

    

      jQuery 마우스 이벤트(클릭한 버튼, 클릭한 위치)  event.button, event.screenX, event.screenY  (0)
      2011.10.14
    

    

      jQuery bind(), unbind(), trigger()  (0)
      2011.10.14
    

    

      google jQuery 최신 버전 지원(1.버전대)  (0)
      2011.10.07
    

    

      jquery  기본 필터  (0)
      2011.07.31
    

    

      jquery 셀렉터  (0)
      2011.07.31
    

  






    


    

    

  


          
      

          

          

          
            

              
+ Recent posts

              
    
                
                
    
              

            

          

          


          
        
 
      
 
    
 
  

  
  
  
  
  


  
티스토리툴바