js教程

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

我的站长站 2023-06-14 人阅读

双击页面任意空白处返回顶部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;
        }
    });
})();


相关推荐
  • js代码
  • 返回顶部
  • js指定时间定时自动执行代码分享

    示例代码用的`setTimeout()`函数,在指定的时间后执行。代码非常的简单,获取当前时间和设定一个指定时间,指定时间减去当前时间就是定时的时间,如果定时器到期时等于0,就代表时间到了,就运行executeAtTime函数的方法。function executeAtTime() { console....

    js教程 59 9个月前
  • JS代码解除网页右键限制

    JS解除右键限制方法一javascript:(function () {function R(a) {ona = "on" + a;if (window.addEventListener){window.addEventListener(a, function (e) {for (var n = e.originalTarget; n; n = n.parentNode){n[ona] = null;}}, true);}window[o...

    js教程 188 3年前
  • 淘宝买家秀API+ajax代码

    淘宝买家秀API+ajax代码,用的是这个API,https://api.66mz8.com/api/rand.tbimg.php?format=jsonJSON返回格式,测试依旧可用。$(function(){ $.get('https://api.66mz8.com/api/rand.tbimg.php?format=json',function(data){ document.getElementB...

    js教程 728 3年前
  • jquery返回网站顶部方法大全

    1、基础版,只带返回顶部功能<!doctype html><html><head> <meta charset="UTF-8"> <title>返回顶部</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <style type=&...

    js教程 27 1年前
  • jquery返回网站顶部缓冲效果

    首先来段返回顶部按钮的HTML代码<div id="goToTop"><a href="javascript:;">点我返回顶部</a></div>然后就给按钮一个CSS样式,让它浮动在网页右下角,固定住。#goToTop { position: fixed; bottom: 20px;right: 10%; }最后就是JS代码了,记得要加载jquery...

    js教程 55 1年前
  • 双击页面任意空白处返回顶部JS代码

    双击页面任意空白处返回顶部JS代码,在所有页面空白处双击左键,自动返回网页顶部。(function() { &#39;use strict&#39;; // 定义一个变量用来记录上次点击的时间 var lastClickTime = 0; // 监听页面的点击事件 document.addEventLis...

    js教程 55 1年前
最新更新