jQuery事件的处理---
jQuery事件的处理---
攀爬的小瓜牛 发表于4年前
jQuery事件的处理---
  • 发表于 4年前
  • 阅读 66
  • 收藏 2
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 1:事件捕获 顶层获取选取元素 2:事件冒泡 底层获取元素

//div树形结构 <di> <span> <a>123</a>在此输入图片描述 </span>

</div>, 为<div>添加了一个mouseout事件处理程序。当用户的鼠 标指针退出这个<div>时,会按照预期运行mouseout处理程序。因为这个过程发生在顶层元素 上,所以其他元素不会取得这个事件。但是,当指针从<a>元素上离开时,<a>元素也会取得一 个mouseout事件。然后,这个事件会向上冒泡到<span>和<div>,从而触发上述的事件处理程 序。这种冒泡序列很可能不是我们所希望的。 重点 限制问题的作用域 要解决这个问题,必须访问事件对象。事件对象是一种DOM结构,它会在元素获得处理事 件的机会时传递给被调用的事件处理程序。

$(document).ready(function() { $('#switcher').click(function(event) { //event可以自己取别名 if (event.target == this) { $('#switcher button').toggleClass('hidden'); } }); }); 此时的代码确保了被单击的元素是<div id="switcher">①,而不是其他后代元素。现在, 单击按钮不会再折叠样式转换器,而单击转换器背景区则会触发折叠操作。但是,单击标签 (<h3>)同样什么也不会发生,因为它也是一个后代元素

共有 人打赏支持
粉丝 4
博文 102
码字总数 63322
×
攀爬的小瓜牛
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: