复制代码 代码如下:

不太明了的能够先看看QQ发信的时候的操作,可能参看本文的示范:

1。延迟切换tab 需要:页面上有多少个tab,切换tab的时候,会对有些特定区域的数码开展拉取更新。
坏处:客户从第三个tab切换一贯神速切到尾,就能够产生n个ajax央求。其实顾客只是须求看到最终二个tab的数目。

<textarea onkeydown=”keyHanlder(event)”>
</textarea>
<script>
function keyHanlder(e){
if(e.ctrlKey&&e.keyCode==13){
alert(‘”Ctrl+Enter”‘);
if(e.preventDefault)e.preventDefault();
else e.returnValue=false;
}
}
</script>

它的功用大致有以下多少个步骤:

复制代码 代码如下:

非IE浏览器调用函数会活动重返参数event,通过它能够拿走键盘

图片 1

var changeTab = function(){
var timeId = 0;
return function(tabId){
if(timeId){
clearTimeout(timeId);
timeId=0;
}
setTimeout(function(){
//ajax do something
},500);
};
}();

复制代码 代码如下:

三个收人框,左侧是关联薄里的分组

二个相比轻巧的例证,绑定在tab上的onmouseover,假诺客户不停的往返切换tab,ajax必要不会实施,唯有停顿500皮秒后,才会施行,500微秒,其实蛮短的,基本上不会潜移暗化到客户体验。

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function hotkey(e)
{
//推断浏览器
var ex = navigator.appName;
var a = ex==’Microsoft Internet Explorer’? window.event.keyCode :
e.which;
alert(a);
switch(a){
case 83:
window.open(‘Myhomepage/search.htm’,’show’)
break;
case 70:
window.open(‘Myhomepage/favorite.htm’,’show’)
break;
}
}// end hotkey
document.onkeydown = hotkey; //当onkeydown 事件时有发生时调用hotkey函数
//–>
</SCRIPT>

 

2。延迟机关完毕 需要:在文件输入框中,监听顾客输入,完结全自动达成效用。
坏处:客商每输入多少个字符,都会产生三个ajax供给,倘若顾客连输入了一长串内容,请求次数就那个,实际上,最终的此番,才是顾客需求的。
代码与地方例子类似。

代码如下: textarea
onkeydown=”keyHanlder(event)” /textarea script function keyHanlder(e){
if(e.ctrlKeye.keyCode==13){ alert(‘”Ctrl+Enter”‘);
if(e.preventDefault)e….

图片 2

3。延迟滚动 供给:页面包车型大巴广告,要求客户滚动到哪,就跟到哪。
坏处:客商滚动在底,触发了N次的让广告重新定位的函数。其实,只需求当客户停下的时候,才触发三次就够用了。
代码与1类似。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章