已关闭。此问题需要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") -%>
型
编辑:添加了相关代码
1条答案
按热度按时间a0zr77ik1#
您可以使用
blur()
方法从元素中移除焦点。在这种情况下,您还可以在按钮的click处理程序中使用document.activeElement
,因为它将是单击时的活动元素。您的代码可能看起来像这样:个字符