如何使用 jQuery 单击页面上除一个元素之外的任何位置？

一个包含许多元素的网页，任务是使用 jQuery 单击页面上除一个元素之外的任何位置。有两种方法可以解决这个问题，下面将讨论：

方法一：

• 当点击事件发生时，这种方法会调用一个函数。
• 首先检查目标元素的 id，如果匹配则返回函数。
• 否则，执行一些操作来让知道某处被点击。

示例：此示例实现了上述方法。

 
 
  
 
     
        How to click anywhere of page
        except one element using jQuery ?
    
      
    
    
      
    
        body {
            height: auto;
        }
        #t {
            height: 100px;
            width: 350px;
            background: green;
            color: white;
            text-align:justify;
        }
    
 
  

      
     
        GeeksforGeeks 
    
      
    
    
      
            jQuery is an open source JavaScript library
        that simplifies the interactions between an
        HTML/CSS document, or more precisely the 
        Document Object Model (DOM), and JavaScript.
        Elaborating the terms, jQuery simplifies
        HTML document traversing and manipulation,
        browser event handling, DOM animations, 
        Ajax interactions, and cross-browser
        JavaScript development.
    
    
      
     
        click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click anywhere on the body "
                     + "except textarea to see effect.";
          
        $('body').click(function(evnt) {
              
            if(evnt.target.id == "t")
                return;
            if($(evnt.target).closest('t').length)
                return;
              
            el_down.innerHTML = "Clicked on the "
                        + "body except textarea.";
        });
     
 
  

输出：

• 在点击按钮之前：
  
• 点击元素后：
  

方法二：

• 当任何点击事件发生时，这种方法会调用一个函数。
• 如果它是其他 HTML 元素，则什么也不做。
• 否则，使用event.stopPropagation()方法阻止事件发生。

示例：此示例实现了上述方法。

 
 
  
 
     
        How to click anywhere of page
        except one element using jQuery ?
    
      
    
    
      
    
        body {
            height: auto;
        }
        #t {
            height: 100px;
            width: 350px;
            background: green;
            color: white;
            text-align:justify;
        }
    
 
  

      
     
        GeeksforGeeks 
    
      
    
    
      
            jQuery is an open source JavaScript library
        that simplifies the interactions between an
        HTML/CSS document, or more precisely the 
        Document Object Model (DOM), and JavaScript.
        Elaborating the terms, jQuery simplifies
        HTML document traversing and manipulation,
        browser event handling, DOM animations, 
        Ajax interactions, and cross-browser
        JavaScript development.
    
    
      
     
        click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML =  "Click anywhere on the body"
                    + " except textarea to see effect.";
          
        $('html').click(function() {
            el_down.innerHTML = "Clicked on the body"
                        + " except textarea.";
        });
          
        $('#t').click(function(event) {
            event.stopPropagation();
        });
     
 
  

输出：

• 在点击按钮之前：
  
• 点击元素后：