公司的界面設計環節總算是告一段落了，必需要承認的是，這段時間晚間的學習帶給我非常多益處。在工作中偶爾的應用，效果出奇的好，收到領導和同事的一些小贊揚，表示非常欣慰，也長了點不少自信，盡管不理解，他們這些工作好幾年的人應該對這些不是應該都非常了解么。為什么會表現出來有些陌生。只是不想那么多了。喜歡就好。

今天來記錄下js實現雙擊后網頁自己主動跑，這個在非常多站點上都有所體現吧，那么該怎樣實現呢？

首先我們來分析下實現的基本原理：

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

2、網頁自己主動跑，也就是說頁面滾動效果，實際上就是scrollTop不斷增大。直到達究竟部為止。

再用代碼來實現下：

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

記錄幾個關鍵點：

1、雙擊事件。ondbclick事件，再來聲明下；

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

事實上這個我們首先要知道參數的真正意義就好了。參數能夠說是一個坐標。代表了以左上角為原點，該點據頁面頂端的距離和最左端的距離，然后再來理解這個事件是不是就easy多了，以像素為單位。從左上角點到指定點的移動。

3,、自增。先++還是后++，先++代表先進行+1，再進行操作；后++則是先進行數據運算，然后再+1;

溫故而知新，非常美..

轉載于:https://www.cnblogs.com/mengfanrong/p/5056748.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。