javaScript create checkBox dynamically and add event

Question

I created check Box in javaScript:

var checkbox = document.createElement('input');
                    checkbox.type = "checkbox";
                    checkbox.name = "abc";
                    checkbox.addEventListener("onblur", saveNew("abc"));
                    checkbox.id = 1;

My problem is that he goes to saveNew function when he create the checkbox. And I want that he will go only onblure. How can I do it? thanks!

Satpal · Accepted Answer · 2015-11-16 11:28:45Z

1

You need to provide the event handler function which will be invoked when the event occurs.

checkbox.addEventListener("blur", function(){
   saveNew("abc");
});

Currently you are setting the return value of the function saveNew("abc")

edited Nov 16, 2015 at 11:28

answered Nov 16, 2015 at 11:09

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nom Over a year ago

thanks! But it still doesn't go to saveNew function onblur.

Satpal Over a year ago

@nom use blur instead of onblur you don't need to prefix on when using addEventListener

Collectives™ on Stack Overflow

javaScript create checkBox dynamically and add event

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related