Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

on enter to tab javascript

function return2tab (div)
{
    document.addEventListener('keydown', function (ev) {
        if (ev.key === "Enter" && ev.target.nodeName === 'INPUT') {

            var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';

            let ol= div.querySelectorAll(focusableElementsString);

            for (let i=0; i<ol.length; i++) {
                if (ol[i] === ev.target) {
                    let o= i<ol.length-1? ol[i+1]: o[0];
                    o.focus(); break;
                }
            }
            ev.preventDefault();
        }
    });
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: like dislike node js 
Javascript :: input hook react 
Javascript :: loop over documents in mongoose 
Javascript :: what is express static 
Javascript :: react set initial state without constructor 
Javascript :: qr code terminal npm 
Javascript :: detect scroll height 
Javascript :: react-multi-carousel equal spacing issue 
Javascript :: how to use react-native-vector-icons 
Javascript :: sum array elements in javascript 
Javascript :: coreui react change background color 
Javascript :: node.js http server 
Javascript :: js multiline string with variables 
Javascript :: delete object not working 
Javascript :: image and video lightbox react 
Javascript :: node js command line interface 
Javascript :: javascript get first element of array 
Javascript :: electron . not working 
Javascript :: currenttarget javascript 
Javascript :: javascript array destructuring 
Javascript :: greater than or equal to javascript 
Javascript :: promise.all in javascript 
Javascript :: webpack vue global variable 
Javascript :: javascript sorting an array 
Javascript :: react native paper textinput 
Javascript :: each function 
Javascript :: js key event 
Javascript :: js arrow anonymous function 
Javascript :: js slice 
Javascript :: react-bootstrap-table2-editor 
ADD CONTENT
Topic
Content
Source link
Name
8+3 =