isImmediatePropagationStopped() trong jQuery



Miêu tả

Phương thức isImmediatePropagationStopped() trong jQuery kiểm tra có hay không event.stopImmediatePropagation() đã từng được gọi trên đối tượng Event này.

Phương thức này trả về true nếu event.stopImmediatePropagation() đã được gọi, nếu không là false.

Cú pháp

Sau đây là cú pháp để sử dụng isImmediatePropagationStopped() trong jQuery:

event.isImmediatePropagationStopped() 

Tham số

Chi tiết tham số được sử dụng trong phương thức isImmediatePropagationStopped() trong jQuery:

  • NA

Quảng cáo

Ví dụ

Ví dụ đơn giản sau minh họa cách sử dụng của isImmediatePropagationStopped() trong jQuery.

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {

            $("div").click(function(event){

               if ( event.isImmediatePropagationStopped() ){
                  alert( "Event bubbling is disabled - 1" );
               }else{
                  alert( "Event bubbling is enabled - 1" );
               }
               event.stopImmediatePropagation();
					
               if ( event.isImmediatePropagationStopped() ){
                  alert( "Event bubbling is disabled - 2" );
               }else{
                  alert( "Event bubbling is enabled - 2" );
               }
            });
         });
      </script>
		
      <style>
         div{ margin:10px;padding:12px; border:2px solid #666; width:160px;}
      </style>
		
   </head>
	
   <body>
	
      <p>Click on any box to see the result:</p>
		
      <div id="div1" style="background-color:blue;">
         BOX 1
      </div>
		
      <div id="div2" style="background-color:red;">
         BOX 2
      </div> 
		
   </body>
	
</html>

Nó sẽ cho kết quả:

Các bài học jQuery khác tại VietJack:


xu_ly_su_kien_trong_jquery.jsp