Html 调用父控件';s儿童活动';s
我有一个场景,其中我有一个容器控件(基本上是一个ASP.Net用户控件),它有两个子控件。我希望控件集体确定失焦事件。例如,我希望父控件只在任何子控件接收到焦点时才告诉我它有焦点,并且如果所有子控件都失去焦点,它应该告诉我它失去了焦点 作为模拟,请参考下面的代码。如果您运行此示例,您会注意到当您单击蓝色矩形时,它会显示蓝色聚焦,然后如果您单击红色矩形,它会显示蓝色模糊,红色聚焦。我需要的是,当我点击其中任何一个,它应该告诉我红色聚焦,当我点击外部,它应该点击红色模糊 谁能帮我一下吗 谢谢Html 调用父控件';s儿童活动';s,html,Html,我有一个场景,其中我有一个容器控件(基本上是一个ASP.Net用户控件),它有两个子控件。我希望控件集体确定失焦事件。例如,我希望父控件只在任何子控件接收到焦点时才告诉我它有焦点,并且如果所有子控件都失去焦点,它应该告诉我它失去了焦点 作为模拟,请参考下面的代码。如果您运行此示例,您会注意到当您单击蓝色矩形时,它会显示蓝色聚焦,然后如果您单击红色矩形,它会显示蓝色模糊,红色聚焦。我需要的是,当我点击其中任何一个,它应该告诉我红色聚焦,当我点击外部,它应该点击红色模糊 谁能帮我一下吗 谢谢 <
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="javascript">
function RedFocus() { alert('RedFocus'); }
function BlueFocus() { alert('BlueFocus'); }
function GreenFocus() { alert('GreenFocus'); }
function RedBlur() { alert('RedBlur'); }
function BlueBlur() { alert('BlueBlur'); }
function GreenBlur() { alert('GreenBlur'); }
</script>
</head>
<body>
<div onblur="RedBlur()" onfocus="RedFocus()"
style="background-color: Red; width: 400px; height: 400px;">
<div onblur="BlueBlur()" onfocus="BlueFocus()"
style="background-color: Blue; width: 200px; height: 200px; margin: 50px">
<div onblur="GreenBlur()" onfocus="GreenFocus()"
style="background-color: Green; width: 100px; height: 100px; margin: 25px">
</div>
</div>
</div>
</body>
</html>
无标题页
函数RedFocus(){alert('RedFocus');}
函数BlueFocus(){alert('BlueFocus');}
函数GreenFocus(){alert('GreenFocus');}
函数RedBlur(){alert('RedBlur');}
函数BlueBlur(){alert('BlueBlur');}
函数GreenBlur(){alert('GreenBlur');}
既然事件的顺序与您希望的不同,为什么不使用一个简单的计时器和一个全局变量呢
parentfocus;
function greenBlur()
{
parentfocus = setTimeout(parentHasBlured,50);
}
function blueFocus()
{
clearTimeout(parentfocus);
}
function parentHasBlured()
{
//Logic here
}
由于事件是如此紧凑,一个50毫秒的延迟应该足以完成这项任务(更少的人可能也能做到这一点)看起来您在格式化方面遇到了问题。当它在预览中中断时,请记住将其分隔四次,或者尝试显式使用
标记。