写了一个jq指定元素排除某个事件触发的效果，正好用上了上一篇博文中所说的 closest 方法，那么下面就来详细的说一下。

jq实现点击某元素外触发事件的方法

排除某元素触发事件，无非是整个文档中，点击指定的元素不会触发事件，而点击指定元素外的范围则会触发事件。

示例：

1、先上效果图

2、示例代码

<style> #mochu{ width: 300px; height: 120px; background-color: #f5f5f5; padding: 10px; margin: auto; } </style> <div id="mochu"> <p>点击我不会触发弹窗，而点击我之处的区域会触发弹窗的！</p> <span>飞鸟慕鱼博客 feiniaomy.com</span> </div> <script> $(body).on(click,function (e) { var obj = $(e.target); if(obj.closest("#mochu").length < 1){ alert(我是触发的弹窗！); } }); </script>复制

分享到：