javascript - JQuery class selectors -
i have html text box having class names numbers
<input type="text" name="msg_timeout" class="numbers" />
similarly there different text box class numbers.i want assign keydown event text box has class number tried following ,but not working
$('input.numbers').each $('.numbers').each $('input.numbers:text').each $('input:text.numbers').each $('input[type=text]').each // working selects textboxes.
kindly let me know idea. code below
$(document).ready(function() { $('input.numbers').each(function() { $(this).get(0).oncontextmenu = function() { return false; }; $(this).bind("keydown",function(event) { // alert(window.event); // allow backspace , delete if ( event.keycode == 46 || event.keycode == 8 && (event.keycode >=96 && event.keycode <=105) ) { // let happen, don't } else { // ensure number , stop keypress if (event.keycode < 48 || event.keycode > 57 || event.shiftkey || event.ctrlkey || event.altkey ) { event.preventdefault(); } } var forbiddenkeys = new array('c', 'x', 'v'); var keycode = (event.keycode) ? event.keycode : event.which; var isctrl; isctrl = event.ctrlkey; if (isctrl) { (i = 0; < forbiddenkeys.length; i++) { if (forbiddenkeys[i] == string.fromcharcode(keycode).tolowercase()) { //alert('you prompted type twice reason!'); return false; } } } return true; }); }); });
are calling selectors after dom.ready?
$(document).ready(function() { $('input.numbers').keydown(function() { // code here }); });
without $(document).ready()
it's unpredictable elements present on screen when selector evaluated.
Comments
Post a Comment