How to disable backspace key in <h:selectOneMenu>

[anand_lgv]

I have a requirement to disable BACKSPACE key inside a form. I could able to achieve that using <rich:hotKey key="backspace" onkeydown="return false"/> for all components inside the page except h:selectOneMenu. After placing the cursor in h:selectOneMenu, if i click the backspace button, it is navigating to the previous screen. I am using Richfaces 4.2, JSF 2.0[MyFaces 2.0]. Do anyone have faced such issue?

[healeyb]

Give this a try:

...

onkeydown="if (event.keyCode == 8) return false;"

Regards,

Brendan.

[anand_lgv]

Thanks Brendan for your reply.

Problem with this implementation is, backspace is not allowed even inside the text box. In an transaction/screen, i have 1 select drop down, 1 text box and a button. I want to the backspace to be disabled anywhere in the form except text box and text area.

Regards,

Anand

[healeyb]

Add this to the page preferably in the <h:head> section:

<h:outputScript name="jquery.js"/>

<script type="text/javascript">

            //<![CDATA[

            jQuery(function($) {

               $(document).keydown(function(e) {

                     var element = e.target.nodeName.toLowerCase();

                    if (e.keyCode === 8 && element != 'input' && element != 'textarea') {

                         return false;

                    }

               });

            });

            //]]>

</script>

[anand_lgv]

Perfect it worked. i guess there is a typo error in e.keyCode === 8, which i have changed to e.keyCode == 8. It works as expected. Thanks Brendan for your help.

[healeyb]

the triple equals is valid javascript and checks type and value so it should work. Anyway glad it works for you.