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

2023-11-16 0 587

前言:

我写了一个 jq 指定的元素来排除事件触发器的影响,碰巧使用了,所以让我们详细地谈一谈。点击一个元素来触发一个事件的方法排除了一个元素触发一个事件,它只不过是整个文档。单击指定元素不会触发事件,但单击指定元素之外的范围会触发事件。

如下图:

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 实现点击元素触发事件的方法

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

jq实现点击元素触发事件的方法
上一篇:

已经没有上一篇了!

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务