JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is a block of text with a click event. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>

<p>This has the same click event.  However, it also has a link in it with a different click event. <a href="http://www.google.com" target="_blank">Google</a>.  blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>

CSS

p { margin-bottom:20px; }

JavaScript

$('p').click(function() {
   alert("I'm a paragraph!"); 
});

$('p a').click(function(event) {
    event.stopPropagation();
    return true;
});