Element.focus() on keydown event is passing through the focussable element to next element without stopping on the first focussable elementPass mouse events through absolutely-positioned elementCycle Focus to First Form Element from Last Element & Vice Versaprepare to focus first active element in a containerChecking if a element is focused (has outline around it) with jqueryJavaScript keydown event: can I tell what element previously had focus?How to remove browsers functions from tabindex flow?Set button on next page to focus like the button clicked by the userHow do I detect and control the “location” of focus on a page without directly adding focus to an element?Move to first 'default' focus of web page

Is it safe for a student to give negative feedback in student evaluations?

What percentage of the mass/energy of the universe is in the form of electromagnetic waves?

Given a specific computer system, is it possible to estimate the actual precise run time of a piece of Assembly code

Why are Latin and Sanskrit called dead languages?

In chocolate terminology, what is the name of thinly sliced leaf-shaped toppings made from hot, smooth chocolate, used to form flower petals?

co-son-in-law or co-brother

Why is k-means used for non normally distributed data?

Why would a Intel 8080 chip be destroyed if +12 V is connected before -5 V?

Why do old games use flashing as means of showing damage?

Why did the VIC-II and SID use 6 µm technology in the era of 3 µm and 1.5 µm?

How to disambiguate between various meditation practices?

How to find better food in airports

Can an intercepting fighter jet force a small propeller aircraft down without completely destroying it?

Why do we need explainable AI?

If the UK government illegally doesn't ask for article 50 extension, can parliament do it instead?

One hour 10 min layover in Newark; International -> Domestic connection. Enough time to clear customs?

How can I oppose my advisor granting gift authorship to a collaborator?

Can a Beholder face its Antimagic Cone behind itself?

Can my UK debt be collected because I have to return to US?

What is the significance of 104%?

Taking the first element in a list of associations

What is a "fat pointer" in Rust?

Punishment in pacifist society

What is this red bug infesting some trees in southern Germany?



Element.focus() on keydown event is passing through the focussable element to next element without stopping on the first focussable element


Pass mouse events through absolutely-positioned elementCycle Focus to First Form Element from Last Element & Vice Versaprepare to focus first active element in a containerChecking if a element is focused (has outline around it) with jqueryJavaScript keydown event: can I tell what element previously had focus?How to remove browsers functions from tabindex flow?Set button on next page to focus like the button clicked by the userHow do I detect and control the “location” of focus on a page without directly adding focus to an element?Move to first 'default' focus of web page






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















setting focus() after tabbing the last element on a page is not going to the desired element instead moving on to the next element



What i am trying to do is given a html if user goes to last focussable element of the page on tabbing that last element should take the user to all my contextual actions such as discard, edit, delete etc etc.
I have already tried the keydown event but it is not going to the exact element but the next element. Below is what I have done.

var focussableElement = $('.main-scrollable :focusable');
var lastFocussableElement = focussableElement[focussableElement.length - 1];
var id = lastFocussableElement.id

$('#'+id).on( 'keydown', function( e )
if( e.which == 9 )
$('#DiscardChangesContext').focus(); //This is the first element on my contextual actions

);


The above code if worked properly should take me to discard action shown below:
enter image description here










share|improve this question
























  • Need the HTML because focus works differently on certain tags.

    – zer00ne
    Mar 28 at 2:50

















0















setting focus() after tabbing the last element on a page is not going to the desired element instead moving on to the next element



What i am trying to do is given a html if user goes to last focussable element of the page on tabbing that last element should take the user to all my contextual actions such as discard, edit, delete etc etc.
I have already tried the keydown event but it is not going to the exact element but the next element. Below is what I have done.

var focussableElement = $('.main-scrollable :focusable');
var lastFocussableElement = focussableElement[focussableElement.length - 1];
var id = lastFocussableElement.id

$('#'+id).on( 'keydown', function( e )
if( e.which == 9 )
$('#DiscardChangesContext').focus(); //This is the first element on my contextual actions

);


The above code if worked properly should take me to discard action shown below:
enter image description here










share|improve this question
























  • Need the HTML because focus works differently on certain tags.

    – zer00ne
    Mar 28 at 2:50













0












0








0








setting focus() after tabbing the last element on a page is not going to the desired element instead moving on to the next element



What i am trying to do is given a html if user goes to last focussable element of the page on tabbing that last element should take the user to all my contextual actions such as discard, edit, delete etc etc.
I have already tried the keydown event but it is not going to the exact element but the next element. Below is what I have done.

var focussableElement = $('.main-scrollable :focusable');
var lastFocussableElement = focussableElement[focussableElement.length - 1];
var id = lastFocussableElement.id

$('#'+id).on( 'keydown', function( e )
if( e.which == 9 )
$('#DiscardChangesContext').focus(); //This is the first element on my contextual actions

);


The above code if worked properly should take me to discard action shown below:
enter image description here










share|improve this question














setting focus() after tabbing the last element on a page is not going to the desired element instead moving on to the next element



What i am trying to do is given a html if user goes to last focussable element of the page on tabbing that last element should take the user to all my contextual actions such as discard, edit, delete etc etc.
I have already tried the keydown event but it is not going to the exact element but the next element. Below is what I have done.

var focussableElement = $('.main-scrollable :focusable');
var lastFocussableElement = focussableElement[focussableElement.length - 1];
var id = lastFocussableElement.id

$('#'+id).on( 'keydown', function( e )
if( e.which == 9 )
$('#DiscardChangesContext').focus(); //This is the first element on my contextual actions

);


The above code if worked properly should take me to discard action shown below:
enter image description here







javascript jquery






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 28 at 1:27









PradeepPradeep

221 silver badge7 bronze badges




221 silver badge7 bronze badges















  • Need the HTML because focus works differently on certain tags.

    – zer00ne
    Mar 28 at 2:50

















  • Need the HTML because focus works differently on certain tags.

    – zer00ne
    Mar 28 at 2:50
















Need the HTML because focus works differently on certain tags.

– zer00ne
Mar 28 at 2:50





Need the HTML because focus works differently on certain tags.

– zer00ne
Mar 28 at 2:50












0






active

oldest

votes










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55388869%2felement-focus-on-keydown-event-is-passing-through-the-focussable-element-to-ne%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes




Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid …


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55388869%2felement-focus-on-keydown-event-is-passing-through-the-focussable-element-to-ne%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?