An onclick handler like jQuery

[Lagon666]

In jQuery when I add onclick attribute for an element it doesn't add this attribute, but it works. So how does it works?

[Dormilich]

if you add anything via JavaScript, it doesn’t show up in the source code. and although I don’t know jQuery, I expect them to use Event Handlers.

[Lagon666]

Thanks Dormilich

But if you had Firebug installed on Firefox you can see ondemand edits in page source. (by using Inspect Element)

if you run this code it will add in source coder:

document.getElementById("my_element").onclick = 'function(){ alert("Hello!"); }';
 

But when i use jQuery it doesn't add anything to page souce.

[Dormilich]

as I said, if jQuery uses Event Handlers (that’s not event attributes), you won’t see anything in the code.

[Lagon666]

Well
Can you aid me to know more about this Event Handlers. How can i create something this?

[Dormilich]

the standard way to create event handlers:

elem.addEventListener("event", callback, capture);
// elem - the HTML element concerned
// event - event type (e.g. "click")
// callback - the name of the function to execute
// capture - boolean indicating whether to fire in capturing or bubbling phase

[Lagon666]

Great, Thanks man!!!