Question

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

例如：

<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。

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

1 个答案: