JQuery防止退格键网页后退的实现代码_jquery

下面是Js片段在IE9,Firebox 10.0.2 中测试过 :

复制代码 代码如下:

$(document).keydown(function (e) {
var doPrevent;
if (e.keyCode == 8) {
var d = e.srcElement || e.target;
if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') {
doPrevent = d.readOnly || d.disabled;
}
else
doPrevent = true;
}
else
doPrevent = false;

if (doPrevent)
e.preventDefault();
});

关于如何确定Backspace键的代码可以通过这里. 
 希望对您Web开发有帮助。

时间: 2024-11-01 14:07:06

JQuery防止退格键网页后退的实现代码_jquery的相关文章

JQuery实现防止退格键返回的方法

 这篇文章主要介绍了JQuery实现防止退格键返回的方法,实例分析了jQuery实现使Backspace不可用而浏览器中Backspace仍可用的方法,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JQuery实现防止退格键返回的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: //浏览器中Backspace不可用 $(document).keydown(function(e){ var keyEvent; if(e.keyCode==8){ var d=e.srcEl

JQuery实现防止退格键返回的方法_jquery

本文实例讲述了JQuery实现防止退格键返回的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: //浏览器中Backspace不可用  $(document).keydown(function(e){          var keyEvent;          if(e.keyCode==8){              var d=e.srcElement||e.target;               if(d.tagName.toUpperCase()=='INP

Google Chrome 将禁止“退格键”作为后退按钮使用

在Google Chrome浏览器中,"退格键(Backspace)"具有"后退/转到上一页"的功能,如果用户在一个页面输入了内容,不小心点击退格键不是删除一个单词而是删除了所有输入的内容,这给用户造成了很多困惑,以至于有开发者开发了扩展禁止退格键的返回上一页功能.相比之下,Firefox和Opera比Google考虑周到,不会导致数据损失,如果用户在一个页面输入内容那么点击后退Firefox会弹出提示.现在,Google决定修正这一导致用户苦恼的问题,方法是不再允

jQuery实现悬浮在右上角的网页客服效果代码_jquery

本文实例讲述了jQuery实现悬浮在右上角的网页客服效果代码.分享给大家供大家参考,具体如下: 这是款网页在线客服代码,应用了jquery插件,兼容性不错.默认状态下,客服只显示一个图片Button,用鼠标点击时展开全部内容,可用作QQ客服,售后客服等,可以作为网站快速通道,方便用户进行相应的操作. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-right-top-wen-online-demo/ 具体代码如下: <!DOCTYP

jQuery实现的网页竖向菜单效果代码_jquery

本文实例讲述了jQuery实现的网页竖向菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现竖向的网页菜单代码,可折叠展开的二级网页菜单,修改一下可用在后台管理中,显示在左侧的那种管理菜单.jquery加入后方便实现了菜单展开和合拢的功能,还加入了少许动画效果,兼容性好. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-v-web-menu-style-codes/ 具体代码如下: <!DOCTYPE htm

jQuery autocomplate 自扩展插件、自动完成示例代码_jquery

复制代码 代码如下: 不过做了浏览器方面的兼容,经测试兼容IE6+.Firefox3.5+ 首先看看autocomplate.js: ;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "position": &quo

jquery输入数字随机抽奖特效的简单实现代码_jquery

简介:jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数,点击停止按钮,将显示数字最终结果的效果. 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery自定义数值抽奖活动代码 - </title><base target="_blank" />

jquery中取消和绑定hover事件的实现代码_jquery

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢? 一.如何绑定hover事件 先看以下代码,假设我们给a标签绑定一个click和hover事件: $(document).ready(function(){ $('a').bind({ hover: function(e) { // Hover event handler alert("

jQuery easyUI datagrid 增加求和统计行的实现代码_jquery

在datagrid的onLoadSuccess事件增加代码处理. <style type="text/css"> .subtotal { font-weight: bold; }/*合计单元格样式*/ </style> <script type="text/javascript"> function onLoadSuccess() { //添加"合计"列 $('#table').datagrid('append