欢迎光临
我们一直在努力

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

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

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

赞(0)
未经允许不得转载:桔子博客 » 双击页面任意空白处返回顶部JS代码
分享到: 更多 (0)

相关推荐

  • 暂无文章

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址