jquery 开关电流“活动”元件[关闭]

kmb7vmvb  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(97)

已关闭。此问题需要details or clarity。它目前不接受回答。
**希望改进此问题?**通过editing this post添加详细信息并阐明问题。

17天前关闭。
Improve this question
我的网页上有一个按钮。我想达到的目的是:在用户单击该按钮之后,我希望当前的“active”元素切换到整个文档,而不是按钮(如果我的措辞不对,我很抱歉)。基本上,在用户单击按钮后,如果我按空格键,按钮就会被按下(我的意思是激活)。相反,我想在按下按钮后取消激活该按钮,以便在文档元素(而不是按钮)上检测到空格键。
我不知道该在网上搜索什么,所以我在这里问这个问题。我的第一种方法是在点击后禁用按钮,但这会使按钮在以后无法使用。
如有任何帮助,将不胜感激!
JS纽扣

$(".restart").on("click", function(){
    //stop the ongoing timer; start new timer when key pressed again
    clearInterval(stopTime);
    time_limit = 30;
    flag = 1;
    textIndex = 0;
    newTextArray = [];
    correct = 0, wrong = 0, total = 0;
    $('.typingContent').html(typingText);
    $("#timer").text('start typing to start the time');

    
    const { activeElement } = document;
    
    if (activeElement) {
        activeElement.blur();
    }
})

字符串
对应的HTML

<%- include ("partials/header") -%>

<h1>Typet - Typing Game!</h1>
<h3 id="timer">start typing to start the timer</h3>
<div class="container">
<div class="timer">
</div>
<p class="typingContent"><%= typingContent %></p>
<button name="restart" value="submit" class="restart">restart</button>
</div>

<%- include ("partials/footer") -%>


编辑:添加了相关代码

a0zr77ik

a0zr77ik1#

您可以使用blur()方法从元素中移除焦点。在这种情况下,您还可以在按钮的click处理程序中使用document.activeElement,因为它将是单击时的活动元素。您的代码可能看起来像这样:

function handleClick() {
  const { activeElement } = document;

  if (activeElement) {
    activeElement.blur();
  }
}

个字符

相关问题