jQuery 单击页面中除 1 div 之外的任何位置

本文介绍了jQuery 单击页面中除 1 div 之外的任何位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

当我点击页面上除一个 div (id=menu_content) 之外的任意位置时，如何触发功能?

How can I trigger a function when I click anywhere on my page except on one div (id=menu_content) ?

推荐答案

您可以在文档的body上应用click并取消click处理如果 click 事件是由 id menu_content 的 div 生成的，这会将事件绑定到单个元素并保存 click 与除 <之外的每个元素的绑定代码>menu_content

You can apply click on body of document and cancel click processing if the click event is generated by div with id menu_content, This will bind event to single element and saving binding of click with every element except menu_content

$('body').click(function(evt){    
       if(evt.target.id == "menu_content")
          return;
       //For descendants of menu_content being clicked, remove this check if you do not want to put constraint on descendants.
       if($(evt.target).closest('#menu_content').length)
          return;             

      //Do processing of click event here for every element except with id menu_content

});

这篇关于jQuery 单击页面中除 1 div 之外的任何位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！