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を追加する方法もあります。