gpt4 book ai didi

javascript - IE Onblur 和焦点问题

转载 作者:行者123 更新时间:2023-11-29 19:29:27 25 4
gpt4 key购买 nike

当用户试图离开控件而不在控件中输入任何值时,我试图显示警报并专注于控件。这个要求有点像用户被强制输入值(我知道这样的要求有一定的限制)。

当用户离开 textbox1 时会显示警报,同时还会显示 textbox2 的警报,因为我正试图专注于 textbox1。这在 IE 中变成了无限循环,并且两个弹出窗口都在 IE 中继续显示。

此代码在 chrome 中完美运行,但在任何版本的 ie 中均无效。

下面的代码片段:

<html>
<head>
<script language="javascript">
function ShowAlertAndFocus1(){
var txt1 = document.getElementById("txtBox1");
if(txt1.value.length == 0){
alert("Blur 1 called");
txt1.focus();
};
};

function ShowAlertAndFocus2(){
var txt2 = document.getElementById("txtBox2");
if(txt2.value.length == 0){
alert("Blur 2 called");
txt2.focus();
};
};
</script>
</head>

<body>
<input type="text" id = "txtBox1" onblur="ShowAlertAndFocus1();"/>
<input type="text" id = "txtBox2" onblur="ShowAlertAndFocus2();"/>
</body>
</html>

我不确定是否遗漏了什么或者这个限制只适用于 IE?

最佳答案

<!DOCTYPE html>
<html>
<head>
<title> x </title>
<script>
function setOnBlur( txtBox,n ){
setTimeout( function(){
if (document.activeElement==txtBox) {
txtBox.onblur=function(){
if (txtBox.value.length == 0){
alert("Blur "+n+" called")
setTimeout( function(){txtBox.focus()},0 )
}
else txtBox.onblur=null
}
}
},0)
}
</script>
</head>

<body>
<input type=text id=txtBox1 onfocus=setOnBlur(txtBox1,1) >
<input type=text id=txtBox2 onfocus=setOnBlur(txtBox2,2) >
</body>
</html>

关于javascript - IE Onblur 和焦点问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28847202/

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