#keyup

[ydchauh]

binding, event, key, keypress, method, jQuery articles on Yogesh Chauhan's Programming tips and tutorials Blog.

[newtonry]

Browser behavior on keypress

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.

The solution is fairly simple, just use keydown instead (you could listen to the keypress event as well if you wanted). What was happening is that Chrome submits the form on keydown rather than keyup. It was a great reminder that a lot of the behaviors are determined by the client side browser, so there's always a possibility of quirkiness!

[sevennet-blog]

jquery keyup + onchange

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

View On WordPress

[codeking-blog]

show the keycode ,the defference between js and Jquery

Jquery:    the point is e.keyCode

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

JS:

http://www.w3school.com.cn/tiy/t.asp?f=hdom_event_keycode