油猴脚本修改网页回到顶部按钮点击事件

使用油猴脚本修改网页回到顶部按钮点击事件

本文介绍如何使用油猴脚本监听网页上id为'feedbackBall'的div，并修改其点击事件，实现点击该div回到网页顶部的功能。

代码示例

// ==UserScript==
// @name         回到顶部按钮修改脚本
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  修改回到顶部按钮的点击事件，实现回到网页顶部的功能
// @author       Your Name
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 监听页面加载完成事件
    window.addEventListener('load', function() {
        // 获取id为feedbackBall的div元素
        var feedbackBall = document.getElementById('feedbackBall');
        if (feedbackBall) {
            // 修改div的点击事件
            feedbackBall.addEventListener('click', function() {
                // 滚动到网页顶部
                document.documentElement.scrollTop = 0;
            });
        }
    });
})();

使用方法

将以上代码保存为一个.user.js文件。
使用油猴插件加载该脚本。
访问包含id为'feedbackBall'的div的网页。
点击该div，即可实现回到网页顶部的功能。

代码解释

代码使用window.addEventListener('load', ...)监听页面加载完成事件，确保网页元素加载完毕后才执行脚本。
代码使用document.getElementById('feedbackBall')获取id为'feedbackBall'的div元素。
代码使用feedbackBall.addEventListener('click', ...)监听div的点击事件。
代码使用document.documentElement.scrollTop = 0将页面滚动到顶部。

注意事项

确保目标网页中存在id为'feedbackBall'的div元素。
可以根据需要修改代码中的@match参数，指定脚本生效的网页地址。
代码仅供参考，实际使用时可能需要根据具体情况进行调整。