gpt4 book ai didi

javascript - Tampermonkey 复选框在重新加载页面后停止工作

转载 作者:行者123 更新时间:2023-11-30 19:50:30 26 4
gpt4 key购买 nike

我正在使用此 Tampermonkey 代码创建复选框,选中这些复选框后,会定期单击某些按钮并刷新页面。
该代码做了正确的事情,问题是在更新页面后它会取消选中复选框并停止。

我设法让复选框在代码的最后一部分保持选中状态,问题是在更新页面后,即使选中了复选框,它也不会继续执行这些功能,而且根据我在测试中观察到的情况,我必须取消选中复选框并再次检查以工作。

我相信问题出在代码的开头,但在到处搜索后我无法解决这个问题。据我所见,它仅在单击复选框时才会响应,而在自动选中时则不会。

function addDomElements () {
var newNodes = $( `
<div class="mySpamCntrols foundation-radius fightContainer foundation-base-font">
<input type="checkbox" class="smallerBox" id="EsquerdaHitBox" data-trgtSelctr="#fightButtonBerserk1">
<label class="checkboxlabel" for="EsquerdaHitBox">Hit Esquerda</label>
<input type="checkbox" class="smallerBox" id="MeioHitBox" data-trgtSelctr="#fightButtonBerserk1">
<label class="checkboxlabel" for="MeioHitBox">Hit Meio</label>
<input type="checkbox" class="smallerBox" id="DireitaHitkBox" data-trgtSelctr="#fightButtonBerserk2">
<label class="checkboxlabel" for="DireitaHitkBox">Hit Direita</label>
</div>
` );
//-- Best to add a <style> node, but spam inline styles for now...
newNodes.find ("input").attr ("style", "margin:1px !important;line-height:10px !important;");
newNodes.find ("label").attr ("style", "margin-right: 20px;");

newNodes.insertAfter($('.foundation-radius.fightContainer.foundation-base-font')[1] );

//-- Activate checkboxes
$(".mySpamCntrols").on ("change", "input[data-trgtSelctr]", processMyCheckBoxes);
}
addDomElements ();

function processMyCheckBoxes (zEvent) {
var chkBox = zEvent.target;
//-- If box is now checked, fire off an immediate click and start the timers
if (chkBox.checked) {
clickButtonByjQuerySelector (chkBox.dataset.trgtselctr);
//chkBox.spamClckTmr = setInterval (clickButtonByjQuerySelector, 30000, chkBox.dataset.trgtselctr);
chkBox.spamClckTmr = setInterval (clickButtonByjQuerySelector, 2222, chkBox.dataset.trgtselctr);
chkBox.pageReloadTmr = setTimeout (location.reload.bind (window.location), 300000);
}
//-- Else, if box is now not checked, cancel the timers
else {
clearInterval (chkBox.spamClckTmr);
clearTimeout (chkBox.pageReloadTmr);
}
}

function clickButtonByjQuerySelector (jQuerySelector) {
var targetNode = $(jQuerySelector)[0];
if (targetNode) {
console.log ("Clicking node: ", jQuerySelector);
//-- Warning this my not always suffice. See https://stackoverflow.com/q/15048223
targetNode.click ();
}
else {
console.warn (`Node [${jQuerySelector}] not found!`);
}
}

//Save Checkbox
$(function(){
$('input:checkbox').each(function() {
var $el = $(this);
$el.prop('checked', sessionStorage[$el.prop('id')] === 'true');
});

$('input:checkbox').on('change', function() {
var $el = $(this);
sessionStorage[$el.prop('id')] = $el.is(':checked');
});
});

如何让选中的复选框计时器在页面重新加载后重新启动?

最佳答案

您已经很接近了,但是设置 checked 属性还不够。您还必须同步事件处理程序。

一个简单的方法是让代码点击复选框。

此外,也不需要/使用那个 $(function(){ 包装器。

此代码有效:

//-- Restore and Save Checkboxes from sessionStorage:
$('input:checkbox').each (function () {
var $el = $(this);
var elId = $el.prop ('id');
if (sessionStorage[elId] === 'true') {
document.getElementById (elId).click ();
}
} );

$('input:checkbox').on ('change', function () {
var $el = $(this);
sessionStorage[$el.prop ('id')] = $el.is (':checked');
} );

关于javascript - Tampermonkey 复选框在重新加载页面后停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54528883/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com