是否可以获得一个元素的id，该元素负责使另一个元素在模糊或焦点输出事件中松散焦点
是的，可以通过获取元素的id来实现在模糊或焦点输出事件中松散焦点。在前端开发中，每个元素都可以通过id属性来唯一标识。通过使用JavaScript或其他前端框架，可以通过getElementById()方法来获取具有特定id的元素。
获取元素的id后，可以使用事件监听器来监听模糊或焦点输出事件。例如，可以使用addEventListener()方法来监听元素的blur事件或focus事件。当元素失去焦点或获得焦点时，相应的事件处理程序将被触发。
以下是一个示例代码，演示如何获取元素的id并在模糊或焦点输出事件中松散焦点：
<!DOCTYPE html>
<html>
<head>
<title>松散焦点示例</title>
</head>
<body>
<input type="text" id="input1">
<input type="text" id="input2">
<script>
// 获取元素的id
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
// 添加事件监听器
input1.addEventListener("blur", function() {
// 失去焦点时的处理逻辑
console.log("input1失去焦点");
});
input2.addEventListener("focus", function() {
// 获得焦点时的处理逻辑
console.log("input2获得焦点");
});
</script>
</body>
</html>在上述示例中，我们通过getElementById()方法获取了id为"input1"和"input2"的两个输入框元素。然后，分别为这两个元素添加了blur事件和focus事件的监听器。当input1失去焦点时，会触发blur事件的处理程序，输出"input1失去焦点"；当input2获得焦点时，会触发focus事件的处理程序，输出"input2获得焦点"。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以通过访问腾讯云官方网站获取更多信息。
相关·内容
我们有一个要求，即一个页面可以由具有几个部分的表单组成。可以添加或删除部分。在用户选择添加区段之后，表单将被提交，并返回一个新页面，其中添加了新区段。浏览器应滚动到新部分的顶部。这很好，我有一个通用的jquery“滚动到锚点”解决方案。但是，除了简单地设置window.location()之外，我还需要确保对于键盘用户，按Tab键将把他们带到锚点之后的下一个字段。我正在使用这个的解决方案来做这件事。
这在IE8/9中工作得很好，但在firefox(15)中，我看到一个小的焦点方块被呈现在锚定标签的位置。我想抑制这一点，我试着设置display:none，但这当然会阻止滚动的工作。我试图创建一个
浏览 0提问于2012-09-04得票数 0
回答已采纳
1回答
对附加/预置元素的访问
、、、
我有一个表单，其中有一个“电话”字段和一个按钮“添加另一个电话号码”。
<div class="form-group form-inline phone">
<label class="col-sm-2 control-label">Phone</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="phonetype1"
浏览 3提问于2014-04-06得票数 0
回答已采纳
2回答
我必须输入不能共享父元素的元素#Core和#Price 。我需要测试它们是否都不是焦点，以及它们何时不运行函数。
我想我可以做一个检查，以确保当其中一个模糊，而另一个没有像这样的焦点：
$('#Core').blur(function() {
if(!$("#Price").is(":focus")) {
getSellingPrice()
}
});$('#Price').blur(function() {
if(!$("#Core").is(":focus"
浏览 2提问于2016-03-03得票数 3
回答已采纳
我希望在模糊/焦点事件上实现事件委托，其方式类似于上的建议。正如TFA中所解释的那样，模糊事件和焦点事件不会冒泡，所以在冒泡阶段不能使用事件委托，但是可以在捕获阶段抓取它们(man，javascript事件很奇怪)。
无论如何，据我所见，jQuery事件都适用于冒泡阶段，或者至少我一直在使用它们。我在jQuery文档中看不到这种或那种方式的任何信息，默认情况下，使用$('#foo').blur(blurHandler)之类的方法似乎无法捕获它。
为了一致性，我更愿意坚持使用jQuery；有什么方法可以做到吗？
浏览 5提问于2010-08-13得票数 3
回答已采纳
3回答
我在一个input元素上设置了一个焦点事件。当有焦点时，jQuery会搜索div并显示它。这是可行的。在同一个输入元素上使用blur事件，我使div隐藏，这也是有效的。但是当我点击一个链接或者想要在显示的div中选择文本时，它会因为blur事件而立即消失。如何为显示的div创建异常？
$("input.search-main-text").focus(function() {
$("div.quickResults").show();
});
$("input.search-main-text").blur(function() {
浏览 1提问于2009-11-19得票数 1
回答已采纳
我有在一个页面上的许多输入，其中有相同的类，没有ID。
附加到类选择器的绑定事件，用于在条件为真时返回焦点。
但是当点击另一个输入时，焦点不会返回。
然后想想，因为在另一个元素中工作模糊，但不知道如何解决这个问题。
<input class="test" value="">
<input class="test" value="">
$(document).ready(function(){
if (condition) {
// return focus - not work
浏览 3提问于2013-09-05得票数 0
当用户移除文本框上的焦点时，我想知道正确的事件。无论用户是否按了制表符，还是单击了另一个字段。我见过一些解决办法，比如改变或模糊。但是当用户移除焦点时，它并不能满足所有的场景。我想使用纯javascript或jquery。谢谢!
浏览 0提问于2013-08-16得票数 0
回答已采纳
请注意，这与窗口上的焦点和模糊事件有关，而不是在窗体字段上。
我正在弹出窗口中加载文档，它包括以下代码：
<script type="text/javascript">
window.onblur = function(){ document.title="BLURRED"; }
window.onfocus= function(){ document.title="FOCUSED"; }
</script>
这些功能是临时的，用于测试。我希望使用这些事件设置一个指示窗口状态的标志；我正在做一个聊天应用程序，如果消息被最小
浏览 5提问于2010-09-17得票数 6
回答已采纳
我正在使用d3库在SVG中创建一个小部件。在SVG中，我尝试执行以下操作： 有一些可以点击的小矩形。一旦可点击，它们应该“放大”并显示一些输入字段。当我在矩形外单击时，我希望它们“不放大”，并再次删除输入字段。 小矩形： ? 单击后，它们会放大(目前还没有输入字段)： ? 当我在白色矩形之外单击时，我希望它恢复到图片1： ? 我用一个单击事件触发放大： let whiteRect = node.append("g")
.on('click', function(a) {
浏览 20提问于2021-08-07得票数 0
回答已采纳
假设您按选项卡将焦点从元素A移动到B。这应该会触发以下操作：
元素A上的
元素B上的
假设他们会按这样的顺序开火，安全吗？
浏览 3提问于2017-04-18得票数 3
回答已采纳
1回答
我用jQuery和下面的事件处理程序创建了输入html元素，如下所示：
$("<input type=\"text\" />").
focus(function()
{
//do something on focus
})
.blur(function()
{
浏览 0提问于2010-11-05得票数 0
回答已采纳
1回答
我想用jQuery进行输入验证。每次用户模糊输入时，都应该对其进行验证。验证不是问题，而是重点。
一些输入被嵌入到一个更大的父元素中。父元素应该是焦点事件和焦点事件的指示符。换句话说:如果用户单击输入的父元素，它应该将输入集中。
下面是一个演示：
在演示中，第一个输入被一个可点击的ul包围，并导致底层输入聚焦。第二个输入被一个div包围，它什么也不做。观察控制台的输出。
下面是从演示中提取的标记。
<ul>
<li>
<input type="text" class="embed" />
</li>
&l
浏览 4提问于2012-06-15得票数 0
回答已采纳
2回答
当同一个web页面中有另一个输入域(稍后加载)时，如何在html元素(输入域)上强制设置焦点，并从另一个输入域窃取焦点？这第二个输入字段是iFrame的一部分。
两个输入字段都是独立的(没有一个是另一个的父字段)，所以我不能在这里使用event.stopPropagation()方法。
浏览 3提问于2017-11-04得票数 0
3回答
文本字段的条件是焦点。
、、、
我正在尝试检查文本字段是否为焦点。
if($.txt_username.foucs() == 'true'){
alert('textfield username focus');
}
else{
alert('textfield username out of focus');
}
任何一个建议我如何检查文本字段的条件是focus ()或blur()；
浏览 1提问于2014-02-23得票数 0
回答已采纳
3回答
要求:弹出窗口将从父窗口打开，当窗口焦点丢失时，弹出窗口将被关闭。(即使打开了另一个应用程序窗口或出现焦点，也应该发生这种情况)。
试用代码： <body onBlur='javascript:window.close();'>
问题：点击弹出窗口的主体使弹出窗口关闭。
Compatibility: ie6和更高版本火狐。
我从那里得到了一个的解决方案
var active_element;
var bIsMSIE;
function initiateSelfClosing() {
if (navigator.appName == "Micro
浏览 0提问于2012-01-25得票数 5
我有两个文本框，两个文本框都通过jQuery处理模糊事件。当文本框变得模糊时，就会发生一些验证，如果验证失败，文本框将被重新聚焦(我知道，这是一个糟糕的想法，但在这种情况下，这是需要的行为)。
在chrome中，如果您将第一个文本框的焦点放在第二个文本框中，然后尝试聚焦第二个文本框，您将看到这样的事件顺序：
从text1激发的焦点
从text1发射的模糊
从text1激发的焦点
然而，在IE8中，您将看到以下内容：
日志:从text1激发的焦点
日志:从text1发射的模糊
日志:从text1激发的焦点
日志:从text2激发的焦点
日志:从text2发
浏览 2提问于2012-08-16得票数 4
回答已采纳
2回答
我使用的是一个名为dojo的库，我使用的是一个ValidationTextBox，我正在尝试将一个事件连接到它。有一个相当流行的自动标签插件，我试图使用，但我不能附加一个事件到我的文本框。
插件在
这是我的代码：
<input id="Text1" name="Text1" type="text" maxlength="3" data-dojo-type="dijit/form/ValidationTextBox" class="tryingAutoTab" />
<input i
浏览 1提问于2014-11-18得票数 0
回答已采纳
2回答
当我单击一个<input type=text>时，会出现一个旧值列表。如果我用鼠标选择其中一个，jQuery中的"change“事件不会触发。
我应该/可以使用什么事件来检测这一点？
浏览 0提问于2013-04-30得票数 0
回答已采纳
3回答
我有一个并排包含两个文本<input>的<form>。当这两个输入都失去焦点时，我想做一些事情(向服务器发送一个Ajax请求，并用DOM中的其他内容替换它们)。但是，如果我单击或按tab键从一个输入切换到另一个输入，我不想做这些事情。
使用我的设置在<form>元素上设置onBlur事件处理程序可以很好地工作，但是似乎没有任何方法来确定另一个表单输入是否是我的下一个目标。如果我在我的处理程序中检查document.activeElement，它会指向<body>元素(在Chrome中)。只有在此之后，它才会更改为其他输入。
有没有办法可靠地做我要
浏览 6提问于2015-03-05得票数 0
我有文件上传域。当用户选择文件时，在下面添加一个新字段，允许用户选择另一个文件，等等。
$("#photos").change(function(){
var countEmpty = 0;
$("#photos input").each(function(index) {
if ( $(this).val() == '' )
countEmpty++;
});
if (countEmpty == 0)
addNewPhoto();
});
这就是现在的代码。
浏览 1提问于2011-03-18得票数 1
5回答
jQuery失去焦点事件
、、、
我试图在输入字段获得焦点时显示容器，如果焦点丢失，则隐藏容器。jQuery的关注点有没有相反的事件？
一些示例代码：
<input type="text" value="" name="filter" id="filter"/>
<div id="options">some cool options</div>
<script type="text/javascript">
$('#options').hide();
$(
浏览 7提问于2009-09-14得票数 257
回答已采纳
3回答
我有一个输入字段，当它获得焦点时，我会向其中添加一个类。如果它失去了焦点，则应该删除该类并添加另一个类。
<input type="text" class="input" />
$(document).ready(function () {
$(".input").focus(function () {
$(this).addClass("focus");
});
$(".input.focus").blur(function
浏览 2提问于2012-07-19得票数 1
回答已采纳
1回答
我有一个层次化的网格视图，我需要在子网格视图中实现以下功能：
在可编辑模式下显示所有行(这是可以完成的)
将每一行的所有数据保存在丢失的焦点上
我们可以捕获鼠标事件，但是如何跟踪由键盘触发的行丢失焦点。当一行在焦点上时，点击f6将直接进入浏览器地址栏，这将导致行丢失焦点事件。
鼠标在行之间移动将触发所有行的所有验证和保存逻辑，此屏幕具有分层控制，子网格视图至少有200行。
对于如何实现这一点，有什么想法吗？
浏览 3提问于2009-04-10得票数 2
3回答
在iframe上触发单击
、、、、
我知道同样的政策.别挡道了。
不管怎样，我有一个幻灯片(slide.js)，里面有一些嵌入的视频。当用户单击视频时，我希望幻灯片暂停。iframe内部的事件不会触发，所以我试图解决这个问题。现在我有一个部分的解决方案。我在blur上检测到一个window事件，如果新聚焦的元素是iframe，则暂停幻灯片显示：
$(window).blur(function(event){
console.log(event.target);
if($('iframe').is(':focus')){
//clicked inside iframe
浏览 4提问于2013-05-14得票数 4
回答已采纳
2回答
我的视图模型中有一个可观察的数组，我使用foreach和模板绑定将其绑定到div元素列表。如何使用键盘的向上和向下箭头键浏览这些div元素。
我想要的方式是，当用户单击获得焦点的div元素中的1个时，当他按下向下箭头键时，下一个div元素获得焦点，类似地，当他按向上箭头键时，前一个div获得焦点。谢谢！！
浏览 5提问于2013-12-13得票数 1
2回答
我正在做键盘管理的工作，在这个问题上，我需要找到在Tab键之前具有焦点的元素。例如，假设我有一个html格式的列表，如下所示
1. Folder button
2. Account button
3. Setting Button
4. More Button
5. SignOut Button
假设现在具有焦点的元素是Account按钮。稍后，我按tab键，焦点移动到Settings。现在，当我做document.activeElement时，我将获得设置按钮，但我如何获得具有焦点的前一个元素(在这种情况下，它将是帐户按钮)。我目前所做的是存储具有焦点的元素，并在以后需要时使用它。这种方法
浏览 0提问于2015-07-21得票数 5
回答已采纳
5回答
如何确定焦点的去向？
、、、
以前也问过这个问题，但是几年前，当时还没有跨平台的解决方案(除了setTimeout解决方案，这真的不是很方便)。
我想做onblur="foo(parm);"，并让foo能够确定哪个元素现在具有焦点。
我使用的是普通的javascript；请不要在这里使用jQuery。
这几天有可能吗？
浏览 0提问于2011-08-18得票数 17
回答已采纳
2回答
我有内部输入字段和包装器div元素。我向div元素添加了contenteditable属性，以便能够设置焦点。我想捕捉div的onblur事件。
现在，如果我专注于输入字段，并单击屏幕上不同位置的鼠标，输入字段的模糊事件当然会被调用，而不是div上的模糊事件。当然，这是有意义的--这就是浏览器的工作方式。
但无论如何，我想知道是否以及如何才能做到这一点。
<div id="wrapperDiv" contenteditable class="wrapperDivClass">
<input id="innerId"
浏览 1提问于2018-04-24得票数 0
回答已采纳
5回答
在javascript中，当我收到一个焦点事件时，我如何判断哪个元素失去了焦点？我试图避免在我的网页中的所有元素上放置一个onblur事件处理程序。
浏览 5提问于2008-11-18得票数 1
回答已采纳
当用户不关注整个表单元素时，我想触发焦点输出。但是，当用户单击表单的任何内部元素时(例如，文本字段或按钮)，它不应该触发。但是，即使事件被绑定到整个表单，它也会被触发。如何解决这个问题？
HTML：
<form>
<input type="text" />
<button type="button">Click Me</button>
</form>
jQuery：
$('form').on('focusout', function() {
ale
浏览 10提问于2015-03-18得票数 2
回答已采纳
4回答
有没有人能告诉我，如果我的texbox突然充满了文本，而没有单击文本框来输入一些东西，如何使我的按钮禁用。
我的问题是我的代码不能工作。有谁知道怎么做吗。
<form method="post">
<input type="text" name="name1" id="name1" class="number" />
<input type="text" name="name2" id="name2" class="number&
浏览 0提问于2014-02-24得票数 3
我写了一些代码，当用户点击输入框时被激活。我使用了jQuery("#mydiv").focus();，然而，我遇到了另一个问题。一旦触发，即使用户从输入框中失去焦点，脚本也会运行，并需要导致另一个脚本中断的信息(我尝试了.keyup()和.click()，所有结果都是相同的)。我希望脚本只在输入框有焦点时运行，如果用户单击关闭，脚本应该处于非活动状态。有可能这样做吗？
浏览 0提问于2013-09-17得票数 0
我真的在寻找一款能与所有当前流行的浏览器(IE9，Chrome，Firefox，Safari)兼容，并能一直支持IE8的浏览器。
虽然，我一直在寻找一种在Flash move对象失去焦点后设置焦点的方法，但我发现历史上所有这样做的方法都失败了。我认为这是另一个安全问题。
因此，我现在正在寻找如何监控document.activeElement的某种更改事件(尽管“更改”并未真正发生)。
浏览 0提问于2012-04-06得票数 24
回答已采纳
在我的页面上，我有多个文本框，并且至少需要其中一个框才能始终具有焦点。有没有我可以调用的js事件侦听器，当页面上没有焦点时，它会检测到，这样我就可以给它焦点了？
浏览 34提问于2020-01-18得票数 1
4回答
我有一个网页有两个下拉。在一个下拉列表中选择一个选项将通过一个由模糊事件触发的脚本更新另一个下拉列表中的选项列表。当焦点从第一个下拉菜单移开时，就会触发模糊事件。当手动导航页面时，这一切都很好。
但是，当通过WebDriver执行相同的步骤时，就不会触发模糊事件，因此不会更新下拉列表，从而导致脚本失败。
下面是我首先选择的下拉列表的html (它附带了onblur脚本)：
<select id="newOrder:shipToAddressType" class="fieldRequired" onblur="PrimeFaces.ab({
浏览 4提问于2013-05-10得票数 5
2回答
我有一个应用程序，当鼠标放在上面时，图像会逐渐增长，我想要类似于键盘事件的图像增长效果，即焦点/模糊而不是鼠标悬停/鼠标输出。
这是我的图像增长与鼠标悬停/鼠标输出的代码：
我想对键盘事件做同样的事情，所以我把图像放在按钮里面，并用焦点/模糊替换了mouseover/mouseout它确实起作用了，但是图像里面的按钮带着mouseover/mouseout工作。
浏览 1提问于2011-01-06得票数 0
回答已采纳
1回答
我想在文本字段失去焦点时对其进行一些更改，但我无法确定所需的事件。这是我的代码：
Event.observe('my_text_field', '????', function(event) {
do something here
}
那么，我应该放些什么来代替？
谢谢!
浏览 6提问于2012-11-06得票数 1
回答已采纳
1回答
$('.newBill').find('input').focus(function(){
if($(this).hasClass('roomNumber')){
return false;
}else{
$('.roomNumber').change(function(){
if($('.roomNumber').val() != null && $('.roomNumber&#
浏览 4提问于2013-07-01得票数 0
回答已采纳
我有：
<input type="text" />
和
$('input').blur(function(){
alert('stay focused!');
});
我想通过单击锚点元素来防止模糊函数在我“模糊”时运行。
例如，如果我用Tab键切换到另一个输入，单击页面上的某处，等等，我希望触发模糊，但如果我单击一个链接，我不希望它触发。
这很容易实现吗，或者我需要使用委托和信号量？
谢谢
浏览 0提问于2011-10-02得票数 33
回答已采纳
我正在处理一个网页，其中我在<embed>中有一个非交互式的.swf闪存文件。如果用户在闪存中点击/滚动，它就会获得焦点，并开始捕获键盘事件，如F12或ctrl-R。内容不是交互式的，只是一个固定的图形。我怎样才能阻止它获得焦点？
浏览 14提问于2016-08-29得票数 0
回答已采纳
当使用下面的代码行加载页面时，我将焦点设置在某个输入字段上：
$('#myInputID').focus();
当鼠标悬停在某个元素上时，有没有方法可以撤消或移除这个焦点？(离开此元素后，不必重置焦点。)
我在jQuery中找不到与上面相反的函数，或者在这里可以工作。
浏览 93提问于2014-09-24得票数 145
回答已采纳
1回答
我的代码：
<input class="quantity" type="text" value="33000">
<script>
$(document).ready(
$('.quantity').keyup(function (event) {
alert('up');
MyVeryImportantValidate($(this), event.key)
});
..
</scrip
浏览 6提问于2013-11-19得票数 0
我试图达到的结果，当我键入内部输入时，列表将下降。如果单击列表，则会发出警报。同时，如果输入是焦点突出，它将隐藏列表。但问题是，当点击时，它不起作用。
$("input").on("keyup",function(){
$(".abc li").show();
});
$(".abc li").on("click",function(){
alert("123");
});
$("input").focusout(function(){
$(".abc").f
浏览 3提问于2014-08-15得票数 0
不知道怎么解决这个问题。
我使用jQuery.focus()和jQuery.focusout()来触发Ajax请求，并在WordPress中重命名post。这段代码在Chrome和Firefox中运行良好，但我无法让它在IE上工作。
片段：
$('.editname').on('click', function() {
var input = $('<input id="editcat" type="text" name="editcat" value="' + name +
浏览 6提问于2012-10-09得票数 1
回答已采纳
2回答
可能重复：
是否有一种方法可以使用JQuery取消对输入字段的选择/脱离焦点？有点像$("input#name").select().focus();，但反过来呢？
浏览 8提问于2012-03-07得票数 26
回答已采纳
如何删除TextBox在JQuery中的焦点？
编辑：，这是我正在寻找的解决方案：
$(this).trigger('blur');
由于一个未知的原因，$(this).blur();没有工作。我创造了一个新的，清晰的解决方案，然后成功了。
浏览 14提问于2016-01-19得票数 3
回答已采纳
1回答
这是我的jquery代码..。
我想验证一个文本字段的数值。如果无效，则再次聚焦相同的文本字段。
$('#price').blur(function(){
if($(this).val() !='Preço em USD' && isNaN($(this).val()))
{
alert("Enter Integer only ...");
$('#price').focus();
}
});
我想设定价格焦点如果不是整数..。我也用过$(这个)等，但仍然没有
浏览 2提问于2011-06-26得票数 4
1回答
指出，当网页具有“如果网页可见且没有输入焦点，则该网页处于被动状态”时，该网页将处于被动状态。
我不明白为什么一个页面是可见的，但却没有输入焦点。这怎么可能呢？
浏览 22提问于2019-10-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
