data does not change if input value is changed using javascript or jquery about drawflow

[jerosoler]

Hi @MehbubRashid

The javascript change not fire events.
You can send the input event this way when changing the data.

document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").value = "hey MehbubRashid";
var evt = document.createEvent("HTMLEvents");
evt.initEvent("input", true, true);
document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").dispatchEvent(evt);

[MehbubRashid]

thanks @jerosoler , i will try it soon

[jerosoler]

You can also call it like this

document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").value = "hey MehbubRashid";
var event = new Event('input', {
    bubbles: true,
    cancelable: true,
});
document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").dispatchEvent(event);

[MehbubRashid]

works! thanks

[MehbubRashid]

You can also call it like this

document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").value = "hey MehbubRashid";
var event = new Event('input', {
    bubbles: true,
    cancelable: true,
});
document.querySelector("#node-1 > div.drawflow_content_node > div > input[type=text]").dispatchEvent(event);

Hi, @jerosoler , i am just curious..can you provide a jquery implementation of this event fire code? because the jquery trigger() method is not working here..only the vanilla javascript dispatch is working.

[MehbubRashid]

Okay i have found the issue, wordpress uses pretty old version of jquery(1.12..) that version does not bubble up while using trigger() method..that might be causing the issue.

[jerosoler]

Mmmm...

Try https://api.jquery.com/category/events/event-object/

Also with jquery you can mix javascript.

[MehbubRashid]

Mmmm...

Try https://api.jquery.com/category/events/event-object/

Also with jquery you can mix javascript.

Yeah, i have mixed up js with jquery..but i was curious why jquery trigger was not working..then i came to find that my jquery version is very old and does not bubble up event