JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body>    

<div onclick="alert('native inline click');" id="js-handler-obj" style="padding: 10px; width: 100px; background: #ccc; border: 1px solid gray;">testObject with events</div>

<p><a href="#triggerHandler" id="js-handler-click">triggerHandler()</a></p>

</body>
</html>

JavaScript

var testObject = $('#js-handler-obj');

testObject[0].addEventListener('click', function() {
    alert('native click');
}, false);

testObject.click(function() {
    alert('jquery click');
});


$('#js-handler-click').click(function() 
{
    testObject.triggerHandler('click');                
    return false;
});