/    Sign up×
Community /Pin to ProfileBookmark

Browser goes back when user try to backspace in readonly box

Copy linkTweet thisAlerts:
Feb 12.2011

I have a lot of forms and input boxes. Some of them are readonly and it’s not that visible and when some users try to erase what’s in them with the backspace button the browser goes back to the previous page. And in the process everything they’ve written in the input boxes is lost. It seems this problem only exists in IE.

Any ideas how I can prevent this problem?

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@cluefulFeb 12.2011 — A scripted solution would be [FONT="Courier New"]onfocus="this.blur();"[/FONT], but that's no use if script isn't enabled.

If the data is readonly, you could store it in a hidden input and replicate its content in an element styled to look like a text input.
×

Success!

Help @andx85 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 4.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...