tabindex

<input id="text1" tabindex="1" onblur="invokeFunc()"/> <input id="text2" tabindex="2" onblur="invokeFunc()"/> function invokeFunc(){ // ajax request alert(document.activeElement); // this returns body element in firefox, safari and chrome. } i am trying set focus onblur on text boxes with proper tabindex set. when i invoke javascript function onblur and try to get document.activeelement then it always return me body element instead of active element where focus is. Between leaving the old element and entering the new element the active element is indeed the document/body itself. Demo: http:/

Go to this ultra-simple fiddle in a Webkit browser and click on on of the inputs: http://jsfiddle.net/eK4TT/ <input type="text"> <input type="text"> <input type="text"> <a href="#">my first link</a> <a href="#">my second link</a> <a href="#">my third link</a> Then, notice that you can keyboard navigate through both the inputs and the links using the Tab key (and Shift + Tab to navigate in reverse order). Now, look at the same fiddle in Firefox on Mac OS and do the same thing. The inputs receive focus, but the links won't receive focus. It's not a CSS display problem. The focus leaps from the

I'm dynamically adding WPF ComboBox-es and I want to be able to select the added ComboBoxes with the 'TAB' key . (Dynamically generate TabIndex or something) As it actually is: What I want: How would you do that? This is the code: <ItemsControl ItemsSource="{Binding}" Name="myItemsControl"> <ItemsControl.ItemTemplate> <DataTemplate> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="3*"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <ComboBox Grid.Column="0" ItemsSource

On an HTML form I have INPUT text box followed by a link, then followed by another INPUT text box. I want to remove the link from the tabindex / tab order: <p> <input type="text" name="field1" id="field1" value="" /> <a href="..a url.." id="link1">more info</a> </p> <p> <input type="text" name="field2" id="field2" value="" /> </p> The tab order is field1, link1, field2 and I want it to be field1, field2 without link1 in the tabindex / order at all. Aside from reordering via the tabindex attribute, is there any way to remove link1 from tabbing altogether? Jage You can achieve this with html: <p

Hi Friends, I'm working on a small task which is to enable the user to tabindex the html element upon enter keypress. As im new to jquery , I have written some code which seems to me that It will work ,but there are some problems in it. Initial findings The culprit code ,it doesnt work ,as the ouput in the Msg lablel is "Undefined" $('*').attr('tabindex').id The code is given below and I have even created a JSFiddle . JQuery $(document).ready(function (eOuter) { $('input').bind('keypress', function (eInner) { if (eInner.keyCode == 13) //if its a enter key { var tabindex = $(this).attr(