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

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

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

示例:

1、先上效果图

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

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>