Jquery 如何拦截点击事件并阻止内部元素接收它？

我在一个div中附上了YouTube嵌入代码。div id是outer_viv。我已经将屏幕的大小设置得相对较小，以使视频看起来像缩略图

<div id = "outer_div">
 <h2>First Leader Aside</h2>
 <p>
    <iframe width="200" height="112" src="https://www.youtube.com/embed/myvideo"
     frameborder="0" allowfullscreen="allowfullscreen"></iframe>
 </p>
</div>

把第一个领导人放在一边

单击缩略图时，我不希望视频开始播放。我想截取点击，添加一个边框以显示视频已被选中，并在页面的主要内容部分显示更大的视频屏幕

---

如何使用jquery截获单击事件

您正在讨论的场景称为要停止的事件捕获。Jquery只支持事件冒泡，不支持捕获。为此，您需要使用javascrip

addeventlistener

方法。如果你使用fancybox或lighbox之类的插件，那就更好了。我对

addeventlistener

做了一个快速的研究，认为这正是我想要的。至少，

outer\u div

is将获得click事件。这意味着我不必担心iframe元素也会得到click事件吗？您需要为

outer\u div

编写第一个事件侦听器来停止事件捕获，为'iframe'编写另一个事件侦听器来停止事件冒泡。通过这样做，

outer_div

和

iframe

事件都不会崩溃。通过这种方式，您可以编写使用“outer_div”事件侦听器函数添加边框和使用“iframe”事件侦听器函数调整“iframe”大小的单独功能。@RJ、事件侦听器和停止传播对我来说是新概念。考虑到我上面提供的HTML，有没有一种方法可以提供一些代码来说明它们？