javascript - Add an onClick event to append()

Question

I'm dynamically creating a div. I'd like to add a onClick() event to it.

How do I add an onClick as in <div class="something" id="btnHome" onClick="return true"> to this?

abc.append(
    $('<div />', { class: 'something', id: 'btnHome' })
); 

EDIT:

I'm looking for an answer something like this

$('<div />', { class: 'something', id: 'btnHome' onClick: 'return true' })

Answer 1

Use event delegation:

Event delegation allows us to attach a single event listener, to a parent element, that will fire for all descendants matching a selector, whether those descendants exist now or are added in the future.

For dynamically added elements use parent to add event to the added elements.

$(staticParentSelector).on('click', '.something', function () {
    // Event Handler Code here
});

You can also use document, but this costs performance

$(document).on('click', '.something', function () {
    // Event Handler Code here
});

see jQuery Docs for on