Search
showing results for - "how to get focused element in jquery"
Veronica
20 Jan 2021
1<!doctype html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <title>focus demo</title>
6  <style>
7  .focused {
8    background: #abcdef;
9  }
10  </style>
11  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
12</head>
13<body>
14 
15<div id="content">
16  <input tabIndex="1">
17  <input tabIndex="2">
18  <select tabIndex="3">
19    <option>select menu</option>
20  </select>
21  <div tabIndex="4">
22    a div
23  </div>
24</div>
25 
26<script>
27$( "#content" ).delegate( "*", "focus blur", function() {
28  var elem = $( this );
29  setTimeout(function() {
30    elem.toggleClass( "focused", elem.is( ":focus" ) );
31  }, 0 );
32});
33</script>
34 
35</body>
36</html>
37
source
similar questions
javascript find element with focusjavascript get focusable elementsjquery autofocus on clickjquery focus input end of textwhich element is focused javascript consolefocusout javascriptjquery remove focusunfocus javascriptjavascript trap focusjquery unfocusonclick focus out jquerycheck if textbox is focused jqueryjquery give control focusset focus javascriptjquery set focus on first input which is not readonlyfocus on inputjquery validation focus field on errorjquery check element has focususer focus on tab javascriptjquery remove focus from all elementsjavascript select input text on focus
queries leading to this page
jquery get the element that is currently focusedjquery is input focusedget all focused input jqueryjquery li get focused elementelement executed at current focus jqueryjquery focusinjquery show the focused inputjquery select focused elementhow to get the focused element in jqueryjquery focused elementget focused class jquerycall a function when any elements gets focused in jqueryjquery how to tell which element is focusedget current focused element jqueryjquery get focused typehow to get the value of focused element in jqueryjquery get focused element on tab keyhow to get focused tab text in jqueryjquery get current focused elementjquery get focused elementjquery find focused elementget focused element jqueryjquery get element where is focused and add text therejquery get currently focused elementjquery get the focused elementcall a function when inpuit gets focused in jqueryget focused nput jqueryjquery get focused element by namejquery input focusedhow to get current focused element id in jqueryfocused jqueryjquery get focused inputjquery is focusedget focused input jqueryhow to get focused element in jqueryjquery do something when focused in inputjquery get focus elementhow to get focus element in jquerycheck is focused jqueryget the focused element when using keyboard jqueryjquery table get focused elementhow to get focused element in jquery