前言:
我写了一个 jq 指定的元素来排除事件触发器的影响,碰巧使用了,所以让我们详细地谈一谈。点击一个元素来触发一个事件的方法排除了一个元素触发一个事件,它只不过是整个文档。单击指定元素不会触发事件,但单击指定元素之外的范围会触发事件。
如下图:
代码如下:
<style>
#mochu{
width: 300px;
height: 120px;
background-color: #f5f5f5;
padding: 10px;
margin: auto;
}
</style>
<div id="mochu">
<p>点击我不会触发弹窗,而点击我之处的区域会触发弹窗的!</p>
<span>汇站网 www.huizhanii.com</span>
</div>
<script>
$('body').on('click',function (e) {
var obj = $(e.target);
if(obj.closest("#mochu").length < 1){
alert('我是触发的弹窗!');
}
});
</script>
转载请注明:汇站网 » jq 实现点击元素触发事件的方法