JQuery HTML5 Input

Question

I'm trying to make jQuery so that the search boxes on my page use x-webkit-speech and send automatically.

HTML will obviously be:

<input type="text" id="s" name="s" x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" /> 

I can add the x-webkit-speech attribute using jQuery, but I cannot get onwebkitspeechchange working.

This does not work since jQuery does not have an onwebkitspeechchange method

 jQuery("[name=s]").attr("x-webkit-speech", "x-webkit-speech").onwebkitspeechchange("this.form.submit()"); 

But I decided something like this would work:

 jQuery("[name=s]").attr("x-webkit-speech", "x-webkit-speech").attr("onwebkitspeechchange", "this.form.submit()"); 

But this is not so. He just does nothing. How can I add onwebkitspeechchange="this.form.submit();" using jQuery?

Answer 1

Try using bind :

 $(...).bind('webkitspeechchange', function() { // submit the form });