javascript - jQuery.change() not compatible with addEventListener? -
i having problem when using plain javascript mixed jquery(two different libraries using). text input field, plain javascript library rely on change event binding added using addeventlistener method. other jquery plugin(datetimepicker) used change field , jquery.change() method triggered after value updated.
the problem is, listener not triggered jquery event. here simple code illustrate issue.
<!doctype html> <html> <body> <input id="abc">abc abc.</input> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> document.getelementbyid('abc').addeventlistener("change", function(){ alert('change event triggered'); }); $('#abc').change(); </script> </body> </html> given simple html page this, event listener not triggered jquery.change() method, alert box not displayed. if change input field manually, event works fine.
follow up: if use jquery event binding , triggering, there no problem. problem is, using 1 library written in plain javascript(jsoneditor[https://github.com/jdorn/json-editor]), , event binding added using javascript api, , other libraries using changed input field , triggered event jquery, , event not captured.
use trigger() in jquery
$('#abc').on("change", function(){ alert('change event triggered'); }).trigger("change");
Comments
Post a Comment