JavaScript：阻止未知位置的链接导航。

Question

我制作了一个使用点击事件的插件，但是有时我的可点击元素可能位于A链接中，但它可能不是直接的孩子，是否有一种好方法可以阻止链接发射而不知道它的位置？

例如：

<div id="lightbox"> 
      <a href=""> 
      <div class="twocol"> 
       <img src="http://www.ducati.com/cms-web/fs//MediaGalleries/345/MediaGallery_345008/SBK-1199Panigale-S_2012_Studio_Tricolore_B01_1920x1280.jpg/SBK-1199Panigale-S_2012_Studio_Tricolore_B01_1920x1280.mediagallery_output_image_[1920x1080].jpg" alt="Ducati Panigale 1199 - Image 1" class="responsive-img"> 
      </div> 
      </a> 
      <a href=""> 
      <div class="twocol"> 
       <img src="https://www.asphaltandrubber.com/wp-content/gallery/ducati-1199-panigale-r-launch-with-jensen-beeler/ducati-1199-panigale-r-launch-cota-jensen-beeler-07.jpg" alt="Ducati Panigale 1199 - Image 2" class="responsive-img"> 
      </div> 
      </a> 
     </div> 

Answer 1

我真的不知道，如果你点击的元素总是与类名的元素。

但是，一种方法是检查父代是否为<a>标签并添加event.preventDefault。