公司的界面設(shè)計(jì)環(huán)節(jié)總算是告一段落了，必需要承認(rèn)的是，這段時(shí)間晚間的學(xué)習(xí)帶給我非常多益處。在工作中偶爾的應(yīng)用，效果出奇的好，收到領(lǐng)導(dǎo)和同事的一些小贊揚(yáng)，表示非常欣慰，也長(zhǎng)了點(diǎn)不少自信，盡管不理解，他們這些工作好幾年的人應(yīng)該對(duì)這些不是應(yīng)該都非常了解么。為什么會(huì)表現(xiàn)出來(lái)有些陌生。只是不想那么多了。喜歡就好。

今天來(lái)記錄下js實(shí)現(xiàn)雙擊后網(wǎng)頁(yè)自己主動(dòng)跑，這個(gè)在非常多站點(diǎn)上都有所體現(xiàn)吧，那么該怎樣實(shí)現(xiàn)呢？

首先我們來(lái)分析下實(shí)現(xiàn)的基本原理：

1、獲取鼠標(biāo)的雙擊事件（這個(gè)在前面以前記錄過(guò)一次，可是非常不幸的是上次貌似還寫(xiě)錯(cuò)了，這里糾正下ondblclick。在javascript中的大寫(xiě)和小寫(xiě)真的是要注意）；

2、網(wǎng)頁(yè)自己主動(dòng)跑，也就是說(shuō)頁(yè)面滾動(dòng)效果，實(shí)際上就是scrollTop不斷增大。直到達(dá)究竟部為止。

再用代碼來(lái)實(shí)現(xiàn)下：

var nowPostion,timer; 
document.οnmοusedοwn=stop;
document.οndblclick=windowScroll;//記得哦，是ondbclick。所有是小寫(xiě)
function windowScroll() {//var windowScroll=function(){} ，還記得這個(gè)寫(xiě)法么timer=setInterval("scrollwindow()",1);
} 
function stop(){clearInterval(timer);
}
function scrollwindow() {//這是實(shí)現(xiàn)的關(guān)鍵nowPostion=document.body.scrollTop;//當(dāng)前滾動(dòng)欄的上端距離window.scroll(0,++nowPostion);//這里是++nowPostion,不是nowPostion++哦if (nowPostion != document.body.scrollTop) //這就是++在前的目的stop();
} 

記錄幾個(gè)關(guān)鍵點(diǎn)：

1、雙擊事件。ondbclick事件，再來(lái)聲明下；

2、window.scroll(1,100);跟這個(gè)寫(xiě)法非常類(lèi)似吧，那么它到底是什么意思呢？

事實(shí)上這個(gè)我們首先要知道參數(shù)的真正意義就好了。參數(shù)能夠說(shuō)是一個(gè)坐標(biāo)。代表了以左上角為原點(diǎn)，該點(diǎn)據(jù)頁(yè)面頂端的距離和最左端的距離，然后再來(lái)理解這個(gè)事件是不是就easy多了，以像素為單位。從左上角點(diǎn)到指定點(diǎn)的移動(dòng)。

3,、自增。先++還是后++，先++代表先進(jìn)行+1，再進(jìn)行操作；后++則是先進(jìn)行數(shù)據(jù)運(yùn)算，然后再+1;

溫故而知新，非常美..

轉(zhuǎn)載于:https://www.cnblogs.com/mengfanrong/p/5056748.html

總結(jié)

以上是生活随笔為你收集整理的js实现双击后网页自己主动跑-------Day55的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。