利用JavaScript代碼可以幫助我們實現(xiàn)鼠標的自動點擊事件。比如點擊了按鈕1以后，JavaScript代碼會自動去點擊下一個按鈕，一直點擊到按鈕5才會停止（可根據(jù)實際情況進行相應的調(diào)整）。
效果圖如下所示：

按鈕1被點擊以后，通過JavaScript的代碼自動點擊按鈕2，代碼點擊了按鈕2之后又會去點擊按鈕3，以此類推，直到點擊到按鈕5為止。

首先先設置幾個按鈕，然后再設置一個盒子包裹著一些文字，方便我們在接下來js部分中更換里面的內(nèi)容時，更加直觀的看到它的效果。
HTML代碼部分：

通過css給這些按鈕設置寬度、高度以及邊框的樣式以及在頁面的正中間的上方顯示，然后再利用關鍵幀(@keyframes,考慮到瀏覽器兼容性的問題，可在關鍵幀前面加上不同的前綴)給這些文字設置大小、加粗的效果，以及添加顏色的變化，讓文字有一個從消失到隱藏再到消失的一個過程。

CSS部分代碼：

js部分的代碼可寫在HTML頁面中，也可以自行創(chuàng)建一個js的文件，創(chuàng)建好之后就可以開始寫頁面加載事件，并且通過ID獲取到前面HTML中的樣式，再然后就是給按鈕1添加點擊事件，再在點擊事件里面嵌套點擊事件，注意：為了避免點擊事件過快點擊，可以利用定時器setTimeout設置點擊事件在多長時間后才會去被觸發(fā)，然后還可以通過設置變量之后再給定時器賦值（e=setTimeout…）方便后面清除定時器也防止點擊事件過快而出現(xiàn)BUG。最后就是通過innerHtml來更換HTML中的文字，可以更加直觀的看到按鈕切換的效果。

JavaScript代碼部分：

到此這篇關于JavaScript代碼模擬鼠標自動點擊事件示例的文章就介紹到這了,更多相關JavaScript模擬鼠標自動點擊事件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論