JSFiddle - React, Tailwind, and code Playground

HTML

<h1>isDefaultPrevented test</h1>
<p>Mouse over the following area and view the log</p>
<div id="demo">
<a href="/"><img id="x" src="http://static.flowplayer.org/tools/img/photos/1.jpg" /></a>
<div id="log"></div>
</div>

CSS

h1
{
    font-size: 2em;
    font-weight: bold;
}
.x
{
    width: 100px;
    height: 50px;
    background: #f00;
    margin: 1em;
}

JavaScript

$('img#x').bind('mouseover', function(e){
    $('div#log').text(e.isDefaultPrevented()? 'prevented': 'not prevented');
});