[jQuery] Dynamic event listener?
I have the following code which is clearing the contents of an input
box and modifying its css.
$('.untouched')
.focus(function(){
$(this).val('');
$(this).removeClass('untouched');
$('.add-msg').css('display','inline');
})
.growfield();
After a user enters a message into this box and submits the
information some DOM manipulation occurs and another input box with
the class of "untouched" is inserted. However, no onfocus function is
tied to this newly inserted node because jQuery isn't actively polling
the DOM.
Do I have to register an event handler for all clicks and check the
target? Does anyone have some sample code for this?
Or is there a way to attach the event listener to the new input node
during insertion? Without hardcoding "onfocus="? If so, is it better
to do it this way or handle all clicks?