网站建设资讯

NEWS

网站建设资讯

javascript回退,js撤销回退功能

js 在输入框中如何实现回退键功能?

table id="table_StaticIP"

创新互联主要从事成都做网站、网站建设、外贸营销网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务福州,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

tdIP Address/td

td

INPUT type="text" maxLength=3 size=3 value=0 onkeyup="check(0)" name="ip"b./b

INPUT type="text" maxLength=3 size=3 value=0 onkeyup="check(1)" name="ip"b./b

INPUT type="text" maxLength=3 size=3 value=0 onkeyup="check(2)" name="ip"b./b

INPUT type="text" maxLength=3 size=3 value=0 onkeyup="check(3)" name="ip"/td

/table

script type="text/javascript"

var d = document.getElementsByName("ip");

function check(k){

if(k 0 || k = d.length)return;

var t = d[k].value.replace(/\D/ig, "");

if(t 255)t = 255;

d[k].value = t;

var e = window.event.keyCode;

if(e == 13 || e == 190 || e == 110){ // 如果输入是回车或者.号 110 - 小键盘 190 - 大键盘 13 - 回车

d[k + 1].focus();

d[k + 1].select();

}

else if(e == 8){ // backspace = 8

if(t == "" k 0){

d[k - 1].focus();

move_end(d[k - 1]);

}

}

else{

if(t.length = 3 k d.length - 1){

d[k + 1].focus();

d[k + 1].select();

}

}

}

function move_end(e){ //光标移到最后

var r = e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

/script

如何利用javascript实现后退到前几个页面

script language=javascript

history.go(N)

/script

N为正数时前进N页,N为负数是后退N页

比如history.go(-1)后退一页,history.go(1)前进一页

js浏览器回退——window.onpageshow

当一条会话历史记录被执行的时候将会触发页面显示(pageshow)事件。(这包括了后退/前进按钮操作)

一般使用方法是通过 addEventListener

但是有时这种写法没有效果,使用下面写法代替

javascript怎么禁用浏览器后退按钮

1、

复制代码代码如下:

script language="JavaScript"

javascript:window.history.forward(1);

/script

利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效。

2、

复制代码代码如下:

A HREF="logout.do" onclick="javascript:location.replace(this.href); event.returnValue=false; "

Logout (Back Disabled)

/A

用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。

3、

当键盘敲下后退键(Backspace)后

1、禁止浏览器自动后退

2、但不影响密码、单行文本、多行文本输入框等的回退操作

复制代码代码如下:

script type="text/javascript"

//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外

function banBackSpace(e){

var ev = e || window.event;//获取event对象

var obj = ev.target || ev.srcElement;//获取事件源

var t = obj.type || obj.getAttribute('type');//获取事件源类型

//获取作为判断条件的事件类型

var vReadOnly = obj.getAttribute('readonly');

var vEnabled = obj.getAttribute('enabled');

//处理null值情况

vReadOnly = (vReadOnly == null) ? false : vReadOnly;

vEnabled = (vEnabled == null) ? true : vEnabled;

//当敲Backspace键时,事件源类型为密码或单行、多行文本的,

//并且readonly属性为true或enabled属性为false的,则退格键失效

var flag1=(ev.keyCode == 8 (t=="password" || t=="text" || t=="textarea")

(vReadOnly==true || vEnabled!=true))?true:false;

//当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效

var flag2=(ev.keyCode == 8 t != "password" t != "text" t != "textarea")

?true:false;

//判断

if(flag2){

return false;

}

if(flag1){

return false;

}

}

//禁止后退键 作用于Firefox、Opera

document.onkeypress=banBackSpace;

//禁止后退键 作用于IE、Chrome

document.onkeydown=banBackSpace;

/script

以上方法都是针对“后退”按钮作出的反应,客户端浏览器需要打开JavaScript代码。

4、禁止缓存

复制代码代码如下:

%

response.setHeader("Cache-Control", "no-cache");

response.setHeader("Cache-Control", "no-store");

response.setDateHeader("Expires", 0);

response.setHeader("Pragma", "no-cache");

%

这种方法使用服务器端脚本,强制浏览器重新访问服务器下载页面,而不从缓存读取,结合struts jsp页面中的logic标签实现重新定向。

以上各种方法都有一定的局限

5、

复制代码代码如下:

script language="JavaScript"

function logout(){

window.close(true);

window.open("logout.do");

}

/script

button onClick="logout()"Logout/button

这种方法比较偷懒,关掉浏览器再重新开,经过我的测试在视觉上几乎感觉不出来延时,同时又保证了后退按钮不可用(新窗口浏览器后退按钮为灰色),看起来似乎是个好方法,但缺点也比较明显:

首先,关闭和重开的浏览器窗口大小可能不同,用户可以明显看出这一过程,并且在一定程度上影响操作。

其次,同上,这是一个JavaScript方法。


新闻标题:javascript回退,js撤销回退功能
文章URL:http://njwzjz.com/article/dsijjdp.html