【小白求助】页面有一个按钮需要鼠标移上去才显示，html里的元素一开始也是隐藏的

Tatcha · 发表于 2023-10-19 17:21:21

李恒道发表于 2023-10-19 14:01
提问最好带上网址和测试方法
这个页面是ant框架+React
是由React进行分发事件消息的

谢谢大佬，继续学习

Tatcha · 发表于 2023-10-20 01:34:48

本帖最后由 Tatcha 于 2023-10-20 01:42 编辑

本帖最后由 Tatcha 于 2023-10-20 01:41 编辑

本帖最后由 Tatcha 于 2023-10-20 01:39 编辑

大佬，再请教下，情况是这样的，因为这个网课系统打开课程极其麻烦，所以我获取了课程编号id，把没看的课程编号手动填到地址栏上，省略了重复找课程的步骤。

但是随之而来的问题是，这样打开课程页面，无法自动播放，油猴自动执行click点击播放按钮也无法播放，但是用控制台执行click点击就可以播放，不知道是什么原因，虽然手动点一下就行，但是想知道这个问题的解决办法，可以请教一下嘛，感谢！

网址：https://pc.lzdxedu.com/

课程页面：https://pc.lzdxedu.com/course/play?id=33517

学习时长页面：https://pc.lzdxedu.com/study/center

课程库页面：https://pc.lzdxedu.com/knowledge

附上刚学着写的，请大佬给建议，什么建议都行！🌻

``// ==UserScript==
// @name         量见云继续观看
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  量见云继续观看
// @author       You
// @match        https://pc.lzdxedu.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net.cn
// @grant        none
// @run-at       document-end
// ==/UserScript==

var coursebutton = setTimeout(function(){ //获取当前页面课程的课程编号,添加按钮
    if(document.querySelector('.ant-table-tbody')!==null){
        let course = document.createElement("button");
        course.id = "course-class";
        course.id = "course-btn";
        course.innerText = "获取";
        course.style.background = "#757575";
        course.style.color = "#fff";
        course.onclick=function(){
            var string = document.querySelector('.ant-table-tbody').innerHTML;
            var reg1 = /data-row-key="\d+"/g;
            var result1 = string.match(reg1);
            var reg2 = /\d+/g;
            var result2 = [];
            if (result1) {
                for (var i = 0; i < result1.length; i++) {
                    var matches = result1[i].match(reg2);
                    if (matches) {
                        result2.push(matches[0]);
                    }
                }
            }
            console.log(result2);
            alert(result2);
        }
        let button=document.querySelector('.ant-pagination-options-quick-jumper');
        button.parentElement.insertBefore(course,button);
    }
},3000);

// var play = setTimeout(function(){//开始播放
//     if(document.querySelector('.active___OPoqy')!==null){
//         var btn = document.querySelector('.active___OPoqy');
//         btn.click();
//         console.log('找到了');
//     }else{
//         console.log('未找到');
//     }
// },1000)

var continuebtn = setInterval(function(){ //循环点击继续观看按钮
    if(document.querySelector('#continueBtn')!==null){
        var btn = document.querySelector('#continueBtn');
        btn.click();
    }
},5000);

var shichang = setTimeout(function(){ //查看今天学习时长
    if(document.querySelector('.dataItemInfo___ffdKj')!==null){
        var btn = document.querySelector('.dataItemInfo___ffdKj');
        btn.click();
    }
},1000);

var shareresult;//今天学习时长
var huoqu = setTimeout(function(){ //获取今天学习时长小时数
    if(document.querySelector('.chartOverviewDesc___3zRbd')!==null){
        var studytime = document.querySelector('.chartOverviewDesc___3zRbd').innerHTML;
        var reg = /\d/;
        shareresult = studytime.match(reg);
        console.log(shareresult);
        var btn = document.querySelector('.ant-drawer-close');
        btn.click();
    }
},1500);

var shuaxin = setTimeout(function(){//学习时长不足2小时，每分钟刷新一次
    if(shareresult<2){
        location.reload();
    }
},60000);

var mouseovertuichu = setTimeout(function(){//模拟mouseover
    if(shareresult>=2){
        console.log(shareresult);
        var btn = document.querySelector('.cursor-p');
        var event = new MouseEvent('mouseover', {
            bubbles: true, // 事件是否冒泡
            cancelable: true, // 事件是否可以被取消
            view: window, // 事件的视图
        });
        btn.dispatchEvent(event);
    }
},2000);

var tuichu = setTimeout(function(){//学习时长达到2小时，退出登录
    if(shareresult>=2){
        var btn = document.querySelector('.ant-dropdown-menu-title-content');
        btn.click();
    }
},2500)

var queren = setTimeout(function(){//退出登录确认
    if(shareresult>=2){
        var btn=document.querySelector('.ant-btn-primary');
        btn.click();
    }
},3000)