Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
simulate tab key with enter key
- Thread starter rotsey
- Start date
BillyRayPreachersSon
Programmer
Do you want to move to the next control in source order, or the next control in tabIndex order?
Also, when you say "textbox", do you mean an input element with a type attribute of "text", or do you mean a textarea element?
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
![[banghead]](/data/assets/smilies/banghead.gif "[banghead] [banghead]")
- Thread starter
- #3
here's something i put together a while ago that you might find useful:
*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<title>new document</title>
<script language="javascript" type="text/javascript">
<!--
function tabNext(e, i) {
if (e.keyCode == 13)
document.forms['f'].elements[i].focus();
return false;
}
-->
</script>
<style type="text/css">
</style>
</head>
<body>
<form name="f">
<input type="text" name="t1" onkeypress="return tabNext(event, 't2');" /><br />
<input type="text" name="t2" onkeypress="return tabNext(event, 't3');" /><br />
<input type="text" name="t3" onkeypress="return tabNext(event, 't4');" /><br />
<input type="text" name="t4" onkeypress="return tabNext(event, 's');" /><br />
<input type="submit" name="s" />
</form>
</body>
</html>*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
i wrote this a while back... it's a bit lengthier than clflava's example, but it will automatically attach itself to all fields (except hidden, submit, button and textarea) on all forms on your page
just save it as a .js file and include it in your page - it does the rest
-jeff
try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big
Code:
/**
* makes the enter key work as tab key on forms
*/
function doEnterToTab(e) {
var evt = e ? e : event;
if (evt.keyCode == 13) {
try {
this.form.elements[this.form.tabOrder[(this.index + 1)]].focus();
} catch(E) {}
return false;
}
}
/**
* attaches doEnterToTab() to form elements,
* except SUBMIT, BUTTON and TEXTAREA
*/
function attachChangeEnter() {
for (var y = 0; y < document.forms.length; y++) {
var f = document.forms[y];
f.tabOrder = [];
var els = f.elements;
for (var x = 0, ndx = 0; x < els.length; x++) {
if (!els[x].type
|| els[x].type.toLowerCase() == "hidden") {
continue;
}
else {
f.tabOrder[f.tabOrder.length] = x;
els[x].index = ndx++;
if (els[x].type.toLowerCase() != "textarea"
&& els[x].type.toLowerCase() != "submit"
&& els[x].type.toLowerCase() != "button")
els[x].onkeyup = doEnterToTab;
}// end else
}// end for x
}// end for y
}// end attachChangeEnter()
if (!window.addEvent) {
// 'borrowed' from mishoo's Calendar
function addEvent(el, evname, func) {
if (el.attachEvent) { // IE
el.attachEvent("on" + evname, func);
} else if (el.addEventListener) { // Gecko / W3C
el.addEventListener(evname, func, true);
} else {
el["on" + evname] = func;
}
}
}
// attach to all forms
addEvent(window, "load", attachChangeEnter);just save it as a .js file and include it in your page - it does the rest
-jeff
try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big
- Thread starter
- #6
how about capturing the enter key and instead, sending Ctrl + Alt + Delete?
*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
yeah, then open cmd and send deltree c:
-jeff
try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big
-jeff
try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big
- Thread starter
- #9
BillyRayPreachersSon
Programmer
It might not be as dramatic, but think about the message they are giving... If it were possible to do what you are asking, what they were saying would also be possible - which would be quite a big security risk.
Dan
[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
- Status
Similar threads
- Locked
- Question