#keyup

I ran into a good reminder today. A feature I was working on has a search form, which should make an external ajax call when typed in or enter is hit. It looked something like this:

some_form.html

<form class="search-form">     <input type="text"data-action="performSearch" /> </form>

some_backbone.js

events: { 'keyup': 'performSearch' }, performSearch: function(e) { if (e.keyCode === 13) { e.preventDefault(); } ... }

The default behavior upon hitting enter within a form is usually to submit that form, hence we use javascript's event.preventDefault, which is pretty standard.

However, every time I was hitting ‘Enter’, the form would be submitted and the page would refresh. At the same time, I was still hitting the performSearch if clause, but only after the submit had already been triggered.

jquery keyup + onchange

How to reliably track the changes in the field? For example, if tyknut to autofill in chrome, keyup does not work. In this case, triggered onchange. Did I forget something else? Original post

Jquery:    the point is e.keyCode

$(document).keyup(function(e){       if(e.keyCode == 32){$(".overlay .dialog .btn_a").trigger("click");}     });

JS: