您的位置:首页 > Web前端 > JavaScript

js禁用"Backspace"键(即禁止网页倒退)

2015-08-25 14:52 423 查看
项目遇到的一个问题
一个普通网页,如果这个网页上没有焦点的话,那么点击"Backspace"键的时候,网页会回退(倒退到上一个网页),
这样就会就有一个问题,当我在一个输入框进行输入的时候,输入了一些字符之后,开始点击"Backspace"键删除,
当文本框中的字符被删除完之后,再按"Backspace"键就会倒退到上一页,可我并不想回到上一页。那么这样用户
体验就非常不好,用户还要从上一页重新进入。
原因:当网页上没有焦点的时候,点击"Backspace"键网页就会回退(这是浏览器的一个特性)。当我们在删除
输入框的字符的时候,删除完毕之后,再点击"Backspace"键的时候,输入框和网页都会失去焦点,那么继续点击
就会返回上一个网页。
解决方法:我们可以定义一个keyUp的键盘事件函数,其中定义当点击"Backspace"键的时候,如果输入框中的内容为空,
那么就持续的让其获取焦点,那么输入框就会一直持有焦点,那么就不会返回上一个网页了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: