focusout event not working for dynamically generated textbox

Question

//<![CDATA[ $(window).load(function() { $('.n_val').focusout(function() { alert(this.id); }); });//]]>

To generate textbox dynamically

buffer += "<tr><td>" + nomen_list.getName() + "</td><td><input type='text' style='width:50px' class='n_val' id=" + nomen_list.getId() + "-" + nomen_list.getCat() + " value=" + nomen_list.getVal() + " /></td></tr>";

I getting dynamically textbox, but focusout is not working for dynamically generated textbox, whereas same page has some textbox, which is hard-coded for that, above script gets triggered.

possible duplicate of Event binding on dynamically created elements? — Barmar
– Barmar, Commented Dec 6, 2013 at 8:46

Nouphal.M · Accepted Answer · 2013-12-06 08:48:07Z

$(window).load(function() { $(document).on('focusout','.n_val',function() { alert(this.id); }); });

Instead of using document you could use the text box's closest parent id or class. I have no idea of your html layout, hence using document. Also see jQuery on.

rybo111 · Accepted Answer · 2013-12-06 08:46:02Z

2

$(document).on("focusout", ".n_val", function(){ alert("hi"); });

answered Dec 6, 2013 at 8:46

rybo111

12.6k4 gold badges64 silver badges74 bronze badges

Comments

Mr.G · Accepted Answer · 2013-12-06 09:26:11Z

Try this:

$(document).ready(function() { $(document).on('focusout','.n_val', function() { alert(this.id); }); });

Yves Kipondo · Accepted Answer · 2020-12-01 06:48:13Z

$(document).on('focusout', '#randmSubstationTable tbody tr td', function () { $('#randmSubstationTable tbody tr td') .focusout(function(){ $(this).parent().parent().children().index($(this).parent()); }); });

Ravi · Accepted Answer · 2017-09-18 03:51:17Z

You should call focusout AFTER every textbox is added to the DOM. Here you are probably calling it too soon (at load event, which probably occurs before you add the dynamic textboxes)

Collectives™ on Stack Overflow

focusout event not working for dynamically generated textbox

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Related