I want to disable the keyboard for an HTML SELECT tag so the user can only use a mouse to select the options.
I've tried event.cancelBubble=true on the onkeydown, onkeyup and onkeypress events with no luck.
Any ideas?
views:
497answers:
3
+1
A:
Someone left me the correct answer and then removed it for some reason, so here it is:
<script type="text/javascript">
function IgnoreAlpha(e)
{
if (!e)
{
e = window.event ;
}
if (e.keyCode >= 65 && e.keyCode <= 90) // A to Z
{
e.returnValue=false;
e.cancel = true;
}
}
</script>
<body>
<p>
<select id="MySelect" name="MySelect" onkeydown="IgnoreAlpha(event);"">
<option selected="selected" value="" />
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</p>
</body>
Moose Factory
2009-08-04 12:46:25
A:
In a cross-browser way assuming that the event object has been properly initialized:
function disableKey(e)
{
var ev = e ? e : window.event;
if(ev)
{
if(ev.preventDefault)
ev.preventDefault();
else
ev.returnValue = false;
}
}
xdevel2000
2009-08-04 12:53:42