deselecting text when moving with tabulator - HTML Forums

Vege · 07-24-2008, 10:24 AM

Heya

I got a form with meny text inputs with prefilled values.
I'm looking for a way to deselect the text that is by default selected when using tabulator atleast in firefox.

The tabbing is giving me hard time, basically i can make some key -specific code, but souldn't it be just onfocus event?

Finding something with google at the topic is kinda hard.

rangana · 07-24-2008, 09:33 PM

I'm not certain on your goal, but have you tried to set the focus on any element (body) rather than the textbox

Vege · 07-25-2008, 09:43 AM

Quote:

When i select first input element and press tabulator to move to next one, the text in next field is selected by default. How can i stop that?
Everything else should remain the same.

rangana · 07-25-2008, 09:23 PM

You can try this:

Code:

<script type="text/javascript">
window.onload=function(){
for(var i=0,inp=document.forms[0].getElementsByTagName('input');i<inp.length;i++)
	{
	inp[i].onfocus=function()
		{
		if (document.selection)
		document.selection.empty();
		else if (window.getSelection)
		window.getSelection().removeAllRanges();}
	}
}
</script>

Or alternatively, you can replace highlighted with:

Code:

var temp=this.value;this.value='';this.value=temp;

Hope that helps.

Vege · 08-25-2008, 03:35 AM

As this has come important again i gave it another go with your suggestions and could not get this to work. Seems that this is an Firefox accessibility functionality that i need to turn off from firefox settings. But as i can't do that to n+1 clients i'm again looking for javascript solution.
I'm wondering would "reprogramming" the tabulator key work on this issue. I might give it a try.

¥åßßå · 09-02-2008, 06:12 AM

HTML Code:

<html>
<head>

</head>
<body>
<form>
1: <input type="text" name="" value="some text1" /><br />
2: <input type="text" name="" value="some text2" /><br />
3: <input type="text" name="" value="some text3" /><br />
4: <input type="text" name="" value="some text4" /><br />
5: <input type="text" name="" value="some text5" /><br />
</form>
<script type="text/javascript">
var inputs = document.getElementsByTagName( 'input' );

for( var i = 0; i < inputs.length; i++ )
{
	inputs[i].onfocus = function(){
			this.onkeyup = function(){
				this.selectionStart = this.selectionEnd;
				this.onkeyup = false;
			}
	}
}
</script>
</body>
</html>

¥

Vege · 09-02-2008, 05:27 PM

Yup, still have to check for a crossbrowser method, but ill think i can pull it trough.
The thing i was missing was the onkeyup=false