Search jQuery

jQuery Forum

Developing jQuery Core

Lwangaman

jquery support for new html5 events

in Developing jQuery Core • 1 year ago

HTML5 not only has new input types, but also has new events that can be listened to:

Form Events

Events triggered by actions inside a HTML form.

Applies to all HTML5 elements, but is most common in form elements:

Attribute	Value	Description
onblur	script	Script to be run when an element loses focus
onchange	script	Script to be run when an element changes
oncontextmenuNew	script	Script to be run when a context menu is triggered
onfocus	script	Script to be run when an element gets focus
onformchangeNew	script	Script to be run when a form changes
onforminputNew	script	Script to be run when a form gets user input
oninputNew	script	Script to be run when an element gets user input
oninvalidNew	script	Script to be run when an element is invalid
onreset	script	Script to be run when a form is reset Not supported in HTML5
onselect	script	Script to be run when an element is selected
onsubmit	script	Script to be run when a form is submitted

I am particularly interested in the "oninput" event. Will jQuery soon support these new events? Such as:

$.input(callback)

$.invalid(callback)

$.contextmenu(callback)

John R. D'Orazio

Replies(9)

rwaldron

Re: jquery support for new html5 events

1 year ago

Supported:

http://jsfiddle.net/rwaldron/GJeez/

Lwangaman

Re: jquery support for new html5 events

1 year ago

Oh that's right. Thanks. I didn't see anything on the docs and I didn't think of trying. I'm supposing that there aren't shorthand methods yet? (i.e. $.input() instead of $.bind("input") ...) In fact on your jsfiddle test page you commented out the shorthands methods, I tried to comment out the bind methods and uncomment the shorthand methods, but they didn't seem to work: http://jsfiddle.net/GJeez/5/

John R. D'Orazio

marcusjt

Re: jquery support for new html5 events

1 year ago

That's because you removed the code which set up the event handlers, this is what you should have done:

http://jsfiddle.net/GJeez/8/

Works fine, it's identical in effect, just more verbose, which is why rwaldron did it the other way with bind().

rwaldron

Re: jquery support for new html5 events

1 year ago

Yeah bro, the factory that you deleted was creating those shorthand's for you. I didn't comment them out because they didn't work... they were just superfluous examples.

http://jsfiddle.net/rwaldron/GJeez/

Lwangaman

Re: jquery support for new html5 events

1 year ago

Ok, point being that they aren't included in jquery core yet. So maybe your factory code will be implemented in one of the upcoming releases?

John R. D'Orazio

rwaldron

Re: jquery support for new html5 events

1 year ago

The problem is that all three would require a significant amount of code to write event piggybacking polyfills (I think I just invented a tongue twister) to make them work the same way in all the browsers that jQuery supports

marcusjt