1回答
onblur事件并不总是触发。
这不是很容易预测的。我包含了一个小程序，您可以运行它来复制问题。您需要在iframe内单击，并查看控制台中是否有asti。如果它在那里，这个世界就万事大吉了。但是，有时onblur不会触发，也不会打印任何内容。故障频率约为5%。
为什么onblur事件并不总是会触发？
<html>
<head>
<title> INDEX </title>
</head>
<body >
<h1> TABARNAC </h1>
<p>
浏览 3提问于2015-07-17得票数 0
我在一个导航菜单上工作，其中包含一些外部url链接，有与导航菜单相关联的焦点样式，就像菜单项在被聚焦时获得背景。如果单击某个项目，即指向外部链接的锚点，则会打开一个新选项卡，并显示该外部链接表示的页面。我的问题是，即使当用户返回到原始选项卡时打开了一个新选项卡，他仍然可以看到单击的导航菜单项后面的背景。没有与该菜单项关联的:活动样式。
我在js fiddle中创建了这个例子来列举这个问题：
<body>
<a id="selectMe" href="www.google.com" target="_blank" onblu
浏览 0提问于2015-09-30得票数 3
1回答
我使用的是jquery验证插件。但是我需要onblur验证，例如:如果html文本框/其他元素失去了它们的焦点(Onblur)，那么我需要验证相应的字段。那么我如何修改下面的代码呢？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.j
浏览 2提问于2010-11-24得票数 4
1回答
如何检查HTML5的输入型电子邮件丢失焦点的验证？
<input type="email" name="useremail" onblur="setCustomValidity('Plz enter email ')" />
浏览 0提问于2012-04-28得票数 2
如何强制模糊，但不调用JavaScript/jQuery中的onBlur事件？
我试着描述一下我需要它做什么：
当onBlur被调用时，我通过jQuery和验证输入调用一个PHP脚本。如果有什么问题，它会返回一条消息，然后在jQuery脚本中显示它。
如果没有填充模糊字段，脚本应该将用户焦点移回该字段。
问题是，如果按TAB更改字段，而第一个字段未填充，脚本会将焦点放回原处，但在第二个字段中称为onBlur (也未填充)，则会导致无限循环。
因此，我想在不调用onBlur事件的情况下模糊一个字段并将焦点转移到另一个字段。
浏览 4提问于2012-06-25得票数 2
回答已采纳
3回答
此表单的输出是每当您输入错误字符时，在onBlur之后右侧将出现警告。当您再次在框和onBlur上输入正确的字符时，警告将消失。
脚本运行正常，除非您输入了有效字符，然后单击文本框外，然后再次单击文本框内并输入不需要的字符，而不删除之前输入的有效字符，警告消息就不会出现。
在这种情况下，如何使警告信息出现，有什么建议吗？
下面是代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function editThisOne(regThat,inp
浏览 4提问于2014-02-04得票数 0
回答已采纳
我希望我们不能留下这样的投入：
因为，当我们离开时，onblur()会触发，并调用focus()，这应该会使焦点重新显示在字段上。但不起作用。我错过了什么吗？
浏览 0提问于2014-01-15得票数 1
回答已采纳
JavaScript有一个名为onBlur的事件，该事件在控件失去焦点时触发。我的问题是:为什么叫它这个名字？如果它被称为OnFocusLost，我们所有人的生活不是都会更容易吗？
浏览 1提问于2011-07-08得票数 16
回答已采纳
4回答
我想用javascript函数验证一个只输入整数值的ASP.TextBox。如果用户输入了非整数值，则应显示警告消息，并将焦点保持在当前元素上。我使用了以下步骤：
在网页的Asp.TextBox元素上：
onchange="return isInteger(this);" onblur="return isInteger(this);"
并验证functions.js文件中的函数
function isInteger(mobj) {
var mval = mobj.value;
if (isNaN(parseInt(mval))) {
alert(
浏览 0提问于2013-01-03得票数 0
以下是代码：
<!DOCTYPE html>
<html>
<body>
Input: <input type="text" name="fname" id="fname" onblur="myFunction(this)">
<p>The blur event fires when an element has lost focus.</p>
<script>
function myFunction(ele) {
浏览 7提问于2022-06-28得票数 0
1回答
将焦点保持在输入标记上
、、、
我试着用下面的代码把焦点放在输入元素上：
<input onblur="this.focus()" />
但它似乎不起作用。
浏览 0提问于2013-03-28得票数 8
回答已采纳
2回答
或者更具体地说，当窗口刚刚打开时，如何(或者实际上-你可以)检测当前窗口是否具有焦点(即它是活动窗口)？
我知道我可以监听window.onblur和window.onfocus，但我正在尝试找出如何处理用户“在后台选项卡/窗口中打开链接”的问题，代码开始运行时没有调用onblur或onfocus事件。
浏览 1提问于2010-11-26得票数 2
回答已采纳
3回答
我有一段代码，当用户在相应字段中失去焦点时，我希望文本字段中的文本变得模糊一点
我有一个代码，但我不知道要修改什么，因为我是javascript我的html代码的初学者-
Name <input type="text" id="naam" onblur="myFunction()">
还有我的js -
function myFunction()
{
var x=document.getElementById("fname");
x.value=x.value./*something to make it blur*/(
浏览 1提问于2013-11-04得票数 2
1回答
我不确定，但onblur似乎不适合我。
这就是我拥有的组件
export default function Dropdown({
onChange,
value,
placeholder,
options,
error,
}) {
const [showOptions, setShowOptions] = useState(false);
const hideDropdown = () => {
console.log("Hello");
if (showOptions) {
setShowOptions(fals
浏览 15提问于2020-07-30得票数 0
2回答
我有这样的代码：(这是一个弹出)
<body onblur="window.focus();">
<form id="ronny">
<select id="select1" name="select1">
<option> 1b </option>
<option> 1a </option>
</select>
<select
浏览 3提问于2010-10-18得票数 1
我用下面的代码创建了一个滑块。
<span class='sliderspantext'>
<div>
<input
type = 'text'
name = 'totaldiamondstart'
id = 'totaldiamondstart'
value = '<?php echo $tot_diamond_carat_weight_start;?>
浏览 0提问于2013-04-16得票数 0
我有一个textbox，我只想在按Tab键从textbox中移除焦点时执行onBlur事件。
我如何通过javascript做到这一点？
任何帮助都将不胜感激..
浏览 2提问于2012-08-09得票数 1
我正在读Javascript的教程，我正在用一个带框的javascript函数制作一个html文件，事实上，警告没有显示文本字段中的内容，我做错了什么?，这是我的代码。我不是很清楚，它是如何处理事件onBlur的，有人解释一下吗？在本教程中，他们给出的唯一解释是“失去焦点控件”，我不知道他们所说的“焦点”是什么意思，也不知道在没有输入botton的情况下如何在文本框中处理它。
<html>
<head>
<script>
function show ()
{
va
浏览 3提问于2011-08-25得票数 0
回答已采纳
2回答
简单动态表单
、、、、
我让aI需要通过.onblur验证输入，这样每当文本输入失去焦点时，它就会由相同的JS函数进行验证。
我的问题是JS函数。我想要获取失去焦点的项目的价值。
function valid(){
if (isNaN("this should be the value of the text item??")){
}
谢谢..。
浏览 2提问于2013-02-19得票数 0
回答已采纳
2回答
我正在制作一个电子表格，双击单元格会打开“编辑”控件，给它以焦点，并设置一个onblur事件处理程序来隐藏“编辑”控件，并在失去焦点时将单元格的值设置为控件的值。假设的流程是用户双击以打开编辑控件，选择/输入一个值，然后单击/选项卡到其他内容，从而将焦点移动到另一个元素，并触发编辑控件的onblur处理程序。
它工作得很好，除了IE10和11中的SELECT标记(Chrome和FF工作得很好)：每次我单击克拉( carat )来删除下拉列表时，SELECT就会失去焦点并触发onblur处理程序，后者会隐藏编辑控件，从而阻止我编辑一个值。
有人知道为什么会发生这样的事吗?或者如何解决？
我找到了
浏览 4提问于2014-05-20得票数 1
回答已采纳
2回答
我的WPF应用程序中有一个文本框。我习惯于在web开发中使用JavaScript捕获onBlur事件。这在我的WPF应用中也是可能的吗？
所有我想做的不是有一个“保存”按钮，而只是更新数据库时，他们完成了修改文本。
浏览 3提问于2013-02-14得票数 0
回答已采纳
5回答
在javascript中，当我收到一个焦点事件时，我如何判断哪个元素失去了焦点？我试图避免在我的网页中的所有元素上放置一个onblur事件处理程序。
浏览 5提问于2008-11-18得票数 1
回答已采纳
1回答
我有一堆小的弹出页面，它们设计成在失去焦点时自动关闭，即用户单击父文档。
不幸的是，在IE8中，当用户开始在弹出页面中填写输入表单时，也会出现模糊。事实上，单击表单中的任何位置都会导致这种情况，甚至当用户意外地单击某个文本时也是如此。这些项目似乎不是弹出式文档的一部分。
我怎么能让他们这么做？
下面是我在几个弹出窗口中使用的模糊代码(在.js脚本中)：
var fClose=0
onload=function() {
fClose=0
setTimeout("doClose()",111);
document.onblur=Blur_Me;
doc
浏览 0提问于2010-08-25得票数 3
根据设计，当输入获得焦点时，应该禁用菜单容器onblur事件，当输入失去焦点时(即当用户完成输入时)，应该启用菜单容器onblur事件。
function pauseHiding(hiderId) {
var hider = document.getElementById(hiderId);
hider.onblur = null;
}
function resumeHiding(hiderId, timeout) {
var hider = document.getElementById(hiderId);
hider.onblur = "setTi
浏览 2提问于2015-08-04得票数 1
回答已采纳
3回答
可能会有很明显的事情我再也找不到了。但是，任何帮助，一如既往，都是值得感激的。
我的javascript错误消息和焦点设置可以很好地处理提交时的所有验证函数，但我无法让字段在onblur验证中聚焦。错误消息将正确显示，但焦点将转到表单中的下一个字段。
下面是有关Javascript字段的代码：
function validatexxxx()
{
var e = document.getElementById('xxxxNumber');
//check to see if the xxxx number is already in use.
for (i = 0; i <
浏览 9提问于2013-08-21得票数 1
回答已采纳
1回答
我有以下HTML代码：
function presence_check(elem) {
if ($(elem).val() === "") {
alert("Please enter something");
$(elem).focus();
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" plac
浏览 2提问于2020-01-31得票数 2
回答已采纳
2回答
当用户进入下一个元素时，您能告诉我如何验证表单吗?我看到了一个演示，其中用户按submit按钮并从字段中获取警报消息。
我们能得到用户切换到另一个元素的时间吗？
在我的演示中，第一个字段是"number“.If用户输入"string”，然后转到下一个字段就会出现错误。同样的第二个是数字.If用户输入"string“，然后转到下一个，它会出现错误。
这是小提琴
$("#myform").dform(
{
"elements": [
{
"html": [
{
浏览 4提问于2014-05-10得票数 2
回答已采纳
我使用的是ASP.NET，但在某个页面上，我使用的是常规的html文本框，因为请求是通过AJAX完成的，而不是传统的整页回发。我的问题是，当用户填写最后一个文本框并按enter时，文本框失去焦点，页面一直滚动到底部。
我尝试使用onblur事件，但它不起作用，所以我想知道当按enter键(或任何键)时实际调用的是什么事件。
我试过这个：
$("#loginPass").blur(function (e) {
if (e.keyCode == 13)
$("#DealerLogin").click();
浏览 1提问于2011-02-14得票数 2
回答已采纳
? 我想知道在react js中是否有一种方法可以确定我正在查看的页面是否处于焦点中。 可能的情况下，我打开了两个选项卡，当我不在应该告诉我它是否具有焦点的选项卡上时，我希望设置一个变量来指示页面没有焦点，以便执行操作。 链接：codesandbox 代码： import "./styles.css";
import React from "react";
// User has switched back to the tab
const onFocus = () => {
console.log("Tab is in onfo
浏览 23提问于2020-10-22得票数 0
1回答
我正在尝试检测窗口/选项卡当前是否处于焦点中，或者当我在选项卡之间切换时，not.My代码可以很好地检测焦点丢失，但如果当前窗口被某些应用程序(音乐播放器或任何其他软件)覆盖，它将失败。.I知道焦点检查可以通过许多方式完成，但我有兴趣有一个基于我的code.Can的解决方案有人告诉我为什么下面的代码没有按预期工作吗？
$(document).ready(function() {
var hidden, change, vis = {
hidden: "visibilitychange",
mozHidden: &
浏览 0提问于2015-05-05得票数 0
我们使用手持扫描仪将物品移入和移出库存。扫描程序运行一个ASP页，该页提交表单以移动项目。我们最近购买了一个运行Windows Mobile6.1的新扫描仪，很快就意识到Mobile IE完全没用。它不能正确地呈现表格，更糟糕的是，它不能识别onblur，onkeypress和许多其他常见的javascript函数。
我们测试了许多移动浏览器，发现Opera Mobile9.7工作得很好，除了在页面加载时将焦点设置在输入文本字段上。该页面有许多文本字段，并将表单提交回自身进行处理。一旦扫描了一个字段(或在键盘上输入)，表单就会提交自己，处理输入并启用表单上的下一个字段。在标记的末尾，调用sel
浏览 4提问于2009-09-28得票数 2
当前使用jquery下拉检查列表，可在此处找到：
我正在对客户端上的大量数据进行一些相当繁重的处理，这些数据包含许多下拉列表。本质上，简而言之，随着每个下拉列表的变化，每个下拉列表中的数据都会被过滤。我使用onChange事件来做这件事，但是每次我做出选择(我可以做多个选择)，事件都会被触发，这是意料之中的，但我发现它真的减慢了我的应用程序。我更希望在dropdownchecklist折叠回来的时候触发事件。我尝试过使用onBlur事件，但只有当整个控件失去焦点时，包含选项的div才会折叠起来，才会发生这种情况。
有没有人知道我可以使用的事件，或者这个控件可以在函数崩溃而不是改变或失去焦点时触
浏览 0提问于2010-03-01得票数 0
我有两个输入，它们一起形成一个单一的语义单元(考虑小时和分钟输入一起形成时间输入)。如果两个输入都失去了焦点，我想调用一些Javascript函数，但如果用户只是在这两个输入之间跳转，我就不想触发任何东西。
我尝试过将这两个输入包装在一个div中，并向该div添加一个onBlur，但它从未触发过。
接下来，我尝试将焦点添加到两个输入中，并让它们通过jQuery检查对方的: onBlurs属性，但似乎当onBlur触发时，下一个元素还没有获得焦点。
对如何实现这一点有什么建议吗？
编辑:有人质疑这样做的目的。我想根据这两个输入包含的值更新一些其他字段，但理想情况下，如果用户仍在更新第二个输入(例
浏览 1提问于2011-11-09得票数 6
回答已采纳
2回答
我在一个页面的多个组合框上使用jquery.ui.autocomplete。仅在IE中，组合框会在失去焦点(onBlur)时重置。再多的JS调试也无法揭示原因。有什么建议吗？
浏览 0提问于2010-11-23得票数 1
回答已采纳
我想为一个input元素设置一个onBlur事件，该事件验证值，如果无效，则“取消”模糊并重新聚焦(或焦点永不丢失)当前输入。
我已经有了这种平静的代码
document.getElementById('my_input_id1').onblur = function() {
var self = this;
setTimeout(function() { self.focus(); }, 10);
}
假设我的下一个焦点元素是' my _input_id2‘，它也有一个" onblur“，event.as
浏览 0提问于2014-01-02得票数 0
我想在它的子elements.say的焦点上隐藏一个div，
让用户名和密码字段在一个目录中，它最初会被最小化，用户将单击打开目录，然后如果用户单击目录之外的任何地方都应该关闭mydiv
<body>
<div id="mydiv" onblur="alert('hi');" tabindex="1" style="border: 1px solid black;">click off me to activate onblur
<br/>
username:
浏览 1提问于2013-03-14得票数 0
回答已采纳
<input id="text1" tabindex="1" onblur="invokeFunc()"/>
<input id="text2" tabindex="2" onblur="invokeFunc()"/>
function invokeFunc(){
// ajax request
alert(document.activeElement);
// this returns body element in firefox, safari
浏览 0提问于2012-07-03得票数 24
回答已采纳
我要做的是使用window.open创建一个新窗口，然后当新窗口打开时，我想检查该窗口是否在整个过程中都处于活动状态？
例如:我有
myNewWindow = window.open(document.getElementById("inputbox").value).focus();
打开此窗口后，如果myNewWindow失去焦点，我想要递增变量increase的值。
我在做：
if(myNewWindow.onblur()){
increment value...
}
setTimeout('myNewWindow.close()',3000);
浏览 3提问于2012-10-08得票数 0
回答已采纳
我已经阅读了与检测选择菜单的状态相关的问题，无论是、还是，简单的答案是它不是通用的，取决于您正在尝试做什么。我的情况没有100%被这些答案覆盖。
我需要确定select菜单何时关闭，当前的工作方式是存储一个变量onblur；但是，select元素不会在第一次单击关闭时失去焦点，而是在第二次单击关闭时失去焦点。有没有我可以检测到的第一次点击关闭时发生的事件？或者让选择在第一次单击关闭时失去焦点，而不是第二次单击关闭时？寻找纯粹的JavaScript答案，没有jQuery。
下面是一些示例代码，演示了这一点：
浏览 2提问于2011-08-19得票数 1
回答已采纳
我有类似如下的代码：
<div id="div1" onclick="myfunc()">
<span class="myspan"></span>
</div>
现在，如果用户单击页面上其他位置的按钮，则会动态地向跨度添加一个输入框。该按钮还为输入框提供焦点。
输入框的代码如下所示：
<input type=text onkeypress="runthis()" onblur="runthis()">
问题是，如果我试图选择输入框中的文本，父级的
浏览 2提问于2012-02-10得票数 1
从自定义指令中，我想确定在模糊事件发生时接收焦点的元素是什么：
@Directive({
selector: '[my-directive]',
host: {
//...
'(ionBlur)': 'onBlur($event)'
}
})
export class MyCustomDirective implements OnInit {
//...
onBlur($event) {
console.log(event) // This logs a CustomEvent that
浏览 1提问于2019-02-02得票数 2
回答已采纳
2回答
我有内部输入字段和包装器div元素。我向div元素添加了contenteditable属性，以便能够设置焦点。我想捕捉div的onblur事件。
现在，如果我专注于输入字段，并单击屏幕上不同位置的鼠标，输入字段的模糊事件当然会被调用，而不是div上的模糊事件。当然，这是有意义的--这就是浏览器的工作方式。
但无论如何，我想知道是否以及如何才能做到这一点。
<div id="wrapperDiv" contenteditable class="wrapperDivClass">
<input id="innerId"
浏览 1提问于2018-04-24得票数 0
回答已采纳
我正在实现表单控件，带有验证等。我希望只有当用户“模糊”TextField时，换句话说，当字段失去焦点时，才会显示错误消息。在Angular中，我们有状态，我们可以从它出发。如何在Jetpack Compose中侦听失去焦点的状态？
@Composable
fun Screen() {
TextField(
onBlur = {
// P.S. This parameter does not exist
}
)
}
浏览 1提问于2021-10-13得票数 0
我有一个工作良好的C# WPF MVVM应用程序。
唯一的问题是当我修改文本框并单击菜单时。如果在不单击其他控件的情况下这样做，就不会触发视图->viewmodel事件，因为textbox并没有失去焦点。如果我错了，请纠正我，但我认为RaisePropertyChanged只针对LostFocus (或OnBlur，或任何类似事件)。
因此，在编辑textbox之后单击菜单保存按钮将导致视图模型使用旧值保存数据。
因此，恢复：
这个序列运行良好：
编辑文本框
单击另一个控件
RaisePropertyChanged被激发，视图模型被更新
单击菜单上的“保存”按钮
用正
浏览 0提问于2013-07-03得票数 8
回答已采纳
我想在div元素离开焦点后执行一个函数。
我在div中使用tabIndex和onBlur函数。当我通过点击div中的任何元素来手动放置焦点时，它的工作效果很好。但是默认情况下，当在div中没有单击任何项时，它就不能工作。
我的组件是一个功能组件& div是动态呈现的，所以我也无法使用useRef设置焦点。
const renderHeaderCell = (header, headerKey) => {
return (
<div className="DataTable__header-cell-wrapper">
浏览 2提问于2019-08-26得票数 7
1回答
我有一个容器div，其中包含许多输入和复选框，我只想在容器div失去焦点时触发onBlur事件，而不是每次容器div中的任何元素失去焦点时都会触发onBlur事件。
浏览 8提问于2017-07-11得票数 7
我想知道当一个按钮在extjs中失去焦点/模糊时，会触发/调用什么事件/方法。
我有一个带菜单的按钮。当我单击按钮或菜单项以外的任何位置时，菜单将关闭。所以我想知道的是什么调用了menu.hide()方法，从而隐藏了菜单。
有人知道这是怎么回事吗？我尝试了onBlur的按钮，但它没有触发。
浏览 4提问于2011-03-11得票数 1
回答已采纳
每当我聚焦在文本框中时，我都想隐藏iOS中显示的键盘。
当我说“焦点”时，我仍然希望能够从外部键盘输入内容，但是不应该显示iOS虚拟键盘。
以前的一些不适用的问题：
textfield resignFirstResponder ->隐藏iOS键盘，但不能再从外部键盘接收输入事件。
视图endEditing:是的->不起作用。sSame如上所示。
javascript onblur() outoffocus不适用。
有谁知道隐藏键盘的方法，但仍能听到关键事件吗？
浏览 1提问于2014-11-13得票数 0
回答已采纳
我已经在社区里搜索过了，并且看到了很多关于表单元素(模糊(功能)或焦点(功能))的指导，但是当表单本身失去焦点时，我还没有看到一个模糊元素出现。我想要那种依赖于在提交之前更新两个字段的行为，但是如果我在onblur()字段上有效，它将产生一个错误，因为用户没有机会更新另一个字段。
以下是我基本概念的代码：
$(document).ready(function(){
$("form").blur(function(){
alert("This form has lost its focus.");
});
});
<!DO
浏览 0提问于2018-05-07得票数 0
回答已采纳
1回答
小问题-不确定如何在其父程序被卸载后阻止其更新。
目前，我有一个“视图”(父视图)，其中嵌套了一个TextField组件。
我的TextField组件用onBlur实现了输入
<input type={this.props.type} name={this.props.name} onBlur={this.handleBlur} ... />
TextField组件中的两个函数是
hideClear: function () {
// to prevent clear button from disappearing when clicking on it
if (
浏览 1提问于2016-10-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
