点击事件作用域

本文介绍了一种使用jQuery实现点击事件监听的方法,通过判断点击事件是否作用于特定元素或其内部子元素来触发不同操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当有这样的需求:点击某些区域(对应html标签)时执行一些操作,点击其它区域执行不同的操作;

 

对于某些操作,假设A为点击有效作用域,那么B为无效域(即点击B无法触发这些操作),有以下两个步骤获得A:

1、判断点击事件是否作用于A本身(即html标签A本身);

$('#A').is(e.target)  //值为true表示点击事件作用于A

2、判断点击事件是否发生在A内部(即html标签A的子标签)

$('#my_birth').has(e.target).length==0 //等式成立,则点击事件发生在A外部

于是可进行以下事件监听操作

$('#click_show').click(function(){

  $('#click_show').hide();

});
$(document).click(function(e){//e为监听到的点击事件
    if(!$('#click_show').is(e.target)&&($('#click_show').has(e.target).length==0)){
        $('#click_show').show();
    }
});

 

转载于:https://www.cnblogs.com/shiyiaccn/p/10201082.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值