js禁用"Backspace"键(即禁止网页倒退)
2015-08-25 14:52
423 查看
项目遇到的一个问题
一个普通网页,如果这个网页上没有焦点的话,那么点击"Backspace"键的时候,网页会回退(倒退到上一个网页),
这样就会就有一个问题,当我在一个输入框进行输入的时候,输入了一些字符之后,开始点击"Backspace"键删除,
当文本框中的字符被删除完之后,再按"Backspace"键就会倒退到上一页,可我并不想回到上一页。那么这样用户
体验就非常不好,用户还要从上一页重新进入。
原因:当网页上没有焦点的时候,点击"Backspace"键网页就会回退(这是浏览器的一个特性)。当我们在删除
输入框的字符的时候,删除完毕之后,再点击"Backspace"键的时候,输入框和网页都会失去焦点,那么继续点击
就会返回上一个网页。
解决方法:我们可以定义一个keyUp的键盘事件函数,其中定义当点击"Backspace"键的时候,如果输入框中的内容为空,
那么就持续的让其获取焦点,那么输入框就会一直持有焦点,那么就不会返回上一个网页了。
一个普通网页,如果这个网页上没有焦点的话,那么点击"Backspace"键的时候,网页会回退(倒退到上一个网页),
这样就会就有一个问题,当我在一个输入框进行输入的时候,输入了一些字符之后,开始点击"Backspace"键删除,
当文本框中的字符被删除完之后,再按"Backspace"键就会倒退到上一页,可我并不想回到上一页。那么这样用户
体验就非常不好,用户还要从上一页重新进入。
原因:当网页上没有焦点的时候,点击"Backspace"键网页就会回退(这是浏览器的一个特性)。当我们在删除
输入框的字符的时候,删除完毕之后,再点击"Backspace"键的时候,输入框和网页都会失去焦点,那么继续点击
就会返回上一个网页。
解决方法:我们可以定义一个keyUp的键盘事件函数,其中定义当点击"Backspace"键的时候,如果输入框中的内容为空,
那么就持续的让其获取焦点,那么输入框就会一直持有焦点,那么就不会返回上一个网页了。
相关文章推荐
- javascript--JavaScript 三种创建对象的方法
- JSP中实现在某页面停留5秒后,自动重定向到另一页面
- Json 入门例子 多行数组 【1】
- 九宫格抽奖HTML+JS版
- gemojifyjs插件的用法,一款用于转换某些文本为表情图标的插件
- OCX 打包 CAB 与 JS 调用详细教程
- jsoup 1.8.3 重构,添加代理请求
- js URL正则匹配
- javascript事件处理的三种方式
- 使用电脑远程调试安卓手机上浏览器的JS
- 简单实现JSON字符串的可视化
- JS+AJAX 实现用户登录
- 5. JavaScript RegExp 类型
- javascript获取后台传来的json
- Servlet小示例:jsp页面提交信息Servlet接收并打印输出
- js toArray的更好实现方法
- 21 个最棒最有用的 JavaScript 图表库
- jackJson的基本用法3___树形读写
- JSTL标签之<c:if>标签
- JS html 调用 js方式 js判断undefined