jQuery .each and trigger keypress to each element

Asked Feb 21 '16 at 03:32

Active Feb 21 '16 at 03:32

Viewed 1,210 times

So, I have a set of inputs and I need that when certain function is executed it loops all of the inputs and the triggers a keypress event. I do not need just to change the value, I need the keypress event because each input has a "onkeypress" event that I need it to respond to.

HTML:

<div id"myinputs">
<input name="name" onkeypress="return myfunction(this)" />
<input name="name1" onkeypress="return myfunction(this)" />
<input name="name2" onkeypress="return myfunction(this)" />
<input name="name3" onkeypress="return myfunction(this)" />
<input name="name4" onkeypress="return myfunction(this)" />
</div>

jQuery

var e = jQuery.Event("keypress");
e.which = 55;
e.keyCode = 55;
$("#myinputs").each(function(index, element)){
$(element).trigger(e);
});

I hope you guys can help! Thank you!

asked Feb 21 '16 at 03:32

andres.gtz

Why not just invoke the function that a keypress would invoke? – Dennis Hackethal Feb 21 '16 at 03:34
It's hard to explain, big code :/ – andres.gtz Feb 21 '16 at 03:46
use this: $("input").each(function() { $(this).trigger("keypress"); }) – zero point Feb 21 '16 at 03:51
@zeropoint you can't do that without creating an event object that includes keycodes – charlietfl Feb 21 '16 at 03:54
I suspect you will need to do this with native event dispatcher if jQuery is not working. See http://stackoverflow.com/questions/961532/firing-a-keyboard-event-in-javascript – charlietfl Feb 21 '16 at 03:58
create a similar demo – charlietfl Feb 21 '16 at 03:59
@zeropoint not working :( – andres.gtz Feb 21 '16 at 04:00
@charlietfl I did. Checking now the question you sent – andres.gtz Feb 21 '16 at 04:01
@zeropoint actually, it did work but passing "keyup" instead of "keypress". Thanks! – andres.gtz Feb 21 '16 at 04:13

jQuery .each and trigger keypress to each element

0 Answers0