JSFiddle - React, Tailwind, and code Playground

by djmartini

HTML

<input type="text" id="my-element-id" data-custom-evt="my-event">

JavaScript

$('body').on('blur', "#my-element-id", function(e)
{
    var el = $(this);
    var data_event_type = el.data('custom-evt');
    
    $.event.trigger({
        type: 'my-event',
        action: 'blur',
        element: el
    });
   
});
    
$("body").on('my-event', function(e)
{
    console.dir(e.action);
    if (e.action == 'blur')
    {
        //save_data(e.element);
        console.dir(el.val());        
        //e.preventDefault();
    }
    e.preventDefault();
});