Disable Backspace Button (but Allow Text Correction)
Dec 14, 2005
Im trying to find a way to disable the keyboard backspace button from going back a page but allowing it to go back a character.
The problem happens with our webmail client when composing a message, if the cursor is not in the textarea and backspace is clicked it goes back a page and everything typed in the textarea is lost, its easy to do because we use a cms menu thats always active, and distract the cursor, and its very frustrating. Code:
In my web application(ASP.net), i need to disable the "Back" button in the browser.Moreover i also need to disable the Backspace key in my keyboard when my web page is run..How to do it with javascript..?
<script language="javascript"> function disableback(evt) { if (evt.keyCode == 8 || evt.which == 8) { return false; /*have also tried return (evt.keyCode != 8) and evt.which == 46 and the variations*/ }} </script> <input type="text" onkeydown="disableback(event)" onkeypress="disableback(event)"> I am doing my testing on Firefox. From posts this should work to stop from the page going back yet no dice. I currently have the text area in a frame and have it reload keeping all text in a variable, it just seems awful sloppy. This may work on IE, have yet to test. Just trying for FF atm.
I've been getting some complaints from my users: when filling out forms, while on a select box, pressing the backspace key would actually mimick pressing the back button (like history.go(-1) ...)
Then I realized that if the user wasn't in a textbox or a textarea, pressing the backspace key would send them back one page. Now I've got a multi-page form in an iFrame and that's really screwing their inputs up as it loses all the information entered in that form (pressing back doesn't submit/post backwards... I wish it would!).
So anyway, here's the script I'm using on all my pages so that the user won't 'accidentally' go back a page. (In my opinion, with my users anyway, a user shouldn't need to hit the backspace unless they're in a textbox or a textarea).
//so backspace doesn't go back document.onkeydown = checkForBackspace; function checkForBackspace() { //we can backspace in a textbox if(window.event.srcElement.type.match("text")) { return true; }
This is IE only. srcElement is an IE thing.. I believe most other browsers use target. I don't know what else would be different, but anyway, that's what I'm using.
BTW: If you're wondering why anyone would press backspace in a selectbox, well I recently showed them that you can press the first letter of an item in the list to quickly jump to that item. Well, perhaps naturally, if they press the wrong key, instead of pressing the right key, they try to hit backspace first. Just if you were curious... I guess checkboxes and radios could be similar?
I have a message system that I want to prevent double posting. So when a user sends a message i would like to disable the button. But its done using AJAX and will load without much time. But enough to cause double clicking. So now the button needs to be enabled once Text is put in the Form Field.
I have created a keyboard on Taco HTML via a table of buttons and within this keyboard I need a functioning Backspace button using javascript. I currently have a 'reset' button which clears all of the values in the text box.
I have a keypad that inserts a number into a div (simulates pin number). How do i create a "backspace" or delete button that will remove the last character added.[code]...
working on a project at the minute but have dug a hole in javascript for myself on this one. The objective was to use cookies to save a form whilst a file was being upload at the same time on the same page.To get the filename for the uploading mp3 file inserted into the user current form which then is posted on submit to a directory where its viewable for download, the page must refresh and a query string is used to put the uploaded files name into the form.What i wanted though was the user to be able to write out there tracklist whilst there file was being uploaded so they can make the most of the time and do 2 things at once.Getting round this was ok using cookies to remember the forms input values and restoring them once the page had refreshed.
The problem is thought the cookie script will only write once to file if the text box that gets updated with a new value being the uploaded file value changes,to get round this i wanted to disable the radio button that saves the form upon change of the default value of the mirror1_url text input as the upload session is complete and the user would not need to recall the cookies values.a working version with the above problem can be found here http://urban-love.co.uk/uploads/userupload.phpim sure its only a few lines of script you can see I have implemented one in the page already see view source but it takes no effect in this form for some reason?
I have a form that has three radio buttons. Each radio button, I have text input field. I want to be ale to check on whatever radio button, it will enable all text inputs fields for that radion button and disable the rest of the text field.Here is my form
I have javasctipt,radio buttons, and textfield in default my textfield is disabled, and when any of radio buttons was click it is disabled also, but when the radio button of the textfield is click it will enable, it works fine and submit the correct data. When I went back to that page the radio button of the text field was checked (ok its fine because it has value) but it didnt show the value of the text field, and it is disabled. I want to repost the input...
Here's my code index: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> .....
When i have:title="test|contentwithoutspaceeeeeeeee">hover</a>if the width of the text is more bigger than the configuration ofcluetip, the text continues out of cluetip box.Have one way to solve that?
I'm doing a form, 300 questions, I already done the blank validator function, but i'm quite struck for this correction function, usually for 10 question i do some "if" "elseif" but for 300 question it's not possible xD.
I have a classic form with true or false radio buttons i want to be able to show the question and the answers made and to count the number of "true" returned.
Why not a plugin like (small correction void should be a string) $.fn.delay = function(delay){ if(typeof delay==="undefined") delay = 1000; return this.animate({"void":0}, delay); } This way you can call it like this $('#element').delay().effect('pulsate');
I'm looking for a javascript/css code that can do the following, for a click button:
- When mouse is not over the click-button, a text should be displayed at the right of the button, in a bordered textbox - 85% transparency (hardly visible)
(- when mouse hovers over the button, the button image changes to a different one <- I know how to do this)
- When the button is clicked the text shows up normaly (0% transparency)
- When clicking again the button OR anywhere else on the page, the text goes back to 85% transparency.
I have a form with submit button, and i want to disable the button while the request the processing....and then after the request has completed, then again it will be enable....How to implement this, to my form?Is there a way to get the acknowledgment after processing the request...
can anyone please tell me how can i disable or remove the X button(i.e. close button) on the browser. i just want to apply this only to the one web page of my application.
I would like to disable the back button in IE7 and IE8. I assume the best way is to use window.open. I tried below and it disabled the IE back button but doesnt show the menu items, url bar etc.
Code: <a href="#" onClick="window.open(theURL, 'newpage.html', 'fullscreen=yes, scrollbars=auto')">go to page with disabled IE back button</a>;
