当前位置: 无忧屋首页 > 文章中心 > 前端 >

双击页面任意空白处返回顶部JS代码

来源:网络

发布人:天道酬勤

发布时间:2024-01-30

双击页面任意空白处返回顶部js代码,在所有页面空白处双击左键,自动返回网页顶部。

  1. (function() {
  2.     'use strict';
  3.   
  4.     // 定义一个变量用来记录上次点击的时间
  5.     var lastClickTime = 0;
  6.   
  7.     // 监听页面的点击事件
  8.     document.addEventListener('click', function(e) {
  9.         // 如果点击的目标元素不是文本或图片,即为空白处
  10.         if (e.target.nodeName !== 'TEXT' && e.target.nodeName !== 'IMG') {
  11.             // 获取当前点击的时间
  12.             var currentTime = new Date().getTime();
  13.             // 如果当前点击和上次点击的时间间隔小于300毫秒,即为双击
  14.             if (currentTime - lastClickTime < 300) {
  15.                 // 滚动到页面顶部
  16.                 window.scrollTo(0, 0);
  17.             }
  18.             // 更新上次点击的时间为当前时间
  19.             lastClickTime = currentTime;
  20.         }
  21.     });
  22. })();

免责声明:文中图文均系网友发布,转载来自网络,如有侵权请联系右侧客服QQ删除,无忧屋网友发布此文仅为传递信息,不代表无忧屋平台认同其观点。