EasyUI Forum
May 09, 2024, 05:04:22 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: how to use Enter key to move focus instead of tab  (Read 5766 times)
karogel
Newbie
*
Posts: 28


View Profile
« on: August 16, 2016, 08:45:51 AM »

How to use Enter Key to move textbox focus instead of tab
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: August 17, 2016, 12:45:17 AM »

Please override the $.fn.textbox.defaults.inputEvents.keydown event handler.
Code:
(function($){
$.extend($.fn.textbox.defaults.inputEvents, {
keydown: function(e){
if (e.keyCode == 13){
var t = $(e.data.target);
t.textbox('setValue', t.textbox('getText'));

var all = $('input:visible').not(':disabled').toArray().sort(function(a,b){
var t1 = parseInt($(a).attr('tabindex')||1);
var t2 = parseInt($(b).attr('tabindex')||1);
return t1==t2?0:(t1>t2?1:-1);
});
var index = $.inArray(this, all);
var nextIndex = (index+1) % all.length;
$(all[nextIndex]).focus();
}
}
})
})(jQuery);
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!