62,272
社区成员
发帖
与我相关
我的任务
分享为什么javascript事件执行的顺序会变化？
我有一个程序，昨天onblur在onmousedown之前执行，一直如此。
今天我运行了一下，发现onmousedown在onblur之前执行，顺序换了一下，很奇怪。我原来用alert调试，虽然程序先onmousedown再onblur，但是对话框却是先显示"提示blur的对话框"，再显示"提示down的对话框"。这是另一个奇怪之处。
奇怪，我记得没怎么改动啊。我觉得alert有时很诡异，换成document.all.item。
请指教：
1.为什么事件的顺序会变化，我没怎么改啊？
2.今天事件是先onmousedown再onblur，但是用alert调试，却先显示"提示blur的对话框"，再显示"提示down的对话框"。
vs2008下,aspx代码如下：
html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script>
function txtblur() {
//alert("blur");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "1";
}
function controldown() {
//alert("down");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "2";
}
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" onblur="txtblur()"></asp:TextBox><br/>
<asp:DropDownList ID="DropDownList1" runat="server" onmousedown="controldown()"></asp:DropDownList><br/>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br/>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>
</body>
</html>
今天我运行了一下，发现onmousedown在onblur之前执行，顺序换了一下，很奇怪。我原来用alert调试，虽然程序先onmousedown再onblur，但是对话框却是先显示"提示blur的对话框"，再显示"提示down的对话框"。这是另一个奇怪之处。
奇怪，我记得没怎么改动啊。我觉得alert有时很诡异，换成document.all.item。
请指教：
1.为什么事件的顺序会变化，我没怎么改啊？
2.今天事件是先onmousedown再onblur，但是用alert调试，却先显示"提示blur的对话框"，再显示"提示down的对话框"。
vs2008下,aspx代码如下：
html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script>
function txtblur() {
//alert("blur");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "1";
}
function controldown() {
//alert("down");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "2";
}
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" onblur="txtblur()"></asp:TextBox><br/>
<asp:DropDownList ID="DropDownList1" runat="server" onmousedown="controldown()"></asp:DropDownList><br/>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br/>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
haisheng 2010-10-28
- 打赏
- 举报
没有满意的回答!
xx_lzj 2010-10-27
- 打赏
- 举报
可能有点问题，更确切的说法是：
在“原子”事件序列处理中，对模态对话框的处理，由于“模态”要求用户响应，最后显示的应该先响应，所以多个模态对话框要求显示的处理中，采用了栈结构，而不像文本处理那样，采用队列结构。
在“原子”事件序列处理中，对模态对话框的处理，由于“模态”要求用户响应，最后显示的应该先响应，所以多个模态对话框要求显示的处理中，采用了栈结构，而不像文本处理那样，采用队列结构。
xx_lzj 2010-10-27
- 打赏
- 举报
1、onblur事件由onmousedown事件触发时，onmousedown必然在onblur之前，毫无疑问。你修改前（昨天）是否同时有onmousemove等先于onmousedown事件而能够触发onblur事件的事件处理？或者“onblur先于onmousedown执行”根本就是对话框给你的错觉。
2、onmousedown先于onblur发生，onmousedown的alert语句必然在先。但由于mousedown、enter、gotfocus、blur、validate等事件是由系统作为“原子”处理的，onmousedown先产生的对话框并没有起到模态对话框的作用，后一个onblur的对话框就又产生了，叠加到onmousedown对话框上，所以你先看到onblur对话框。
2、onmousedown先于onblur发生，onmousedown的alert语句必然在先。但由于mousedown、enter、gotfocus、blur、validate等事件是由系统作为“原子”处理的，onmousedown先产生的对话框并没有起到模态对话框的作用，后一个onblur的对话框就又产生了，叠加到onmousedown对话框上，所以你先看到onblur对话框。
haisheng 2010-10-27
- 打赏
- 举报
漏了一句，，以上全是我点在DropDownList之上，事件的执行顺序。
酷儿 2010-10-27
- 打赏
- 举报
嗯 跟你的操作有关
米娜Rose 2010-10-27
- 打赏
- 举报
是正常的啊。看你怎么操作，事件哪个先调用哦
rwm5366745 2010-10-27
- 打赏
- 举报
没有问题， 如果事件不执行才有问题
claymore1114 2010-10-27
- 打赏
- 举报
没有问题，先激发 哪个事件 执行哪个。
porschev 2010-10-27
- 打赏
- 举报
这是看你怎么操作的。。。。
Rock870210 2010-10-27
- 打赏
- 举报
如果是先选中文本框，然后再选中下拉列表，肯定是先文本框失去焦点，然后下拉列表捕获鼠标点击事件。
kke_007 2010-10-27
- 打赏
- 举报
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script>
function txtblur() {
alert("blur");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "1";
}
function controldown() {
alert("down");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "2";
}
</script>
<title></title>
</head>
<body>
<form id="form1" >
<div>
<input type="text" value="" id="TextBox1"onblur="txtblur()" />
<select id="DropDownList1" onmousedown="controldown()">
</select>
<input type="text" value="" id="TextBox2" />
</div>
</form>
</body>
</html>
很正常。你激发哪个事件就执行哪个
没有什么前后
<head runat="server">
<script>
function txtblur() {
alert("blur");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "1";
}
function controldown() {
alert("down");//昨天用这个
document.all.item("TextBox2").value = document.all.item("TextBox2").value + "2";
}
</script>
<title></title>
</head>
<body>
<form id="form1" >
<div>
<input type="text" value="" id="TextBox1"onblur="txtblur()" />
<select id="DropDownList1" onmousedown="controldown()">
</select>
<input type="text" value="" id="TextBox2" />
</div>
</form>
</body>
</html>
很正常。你激发哪个事件就执行哪个
没有什么前后
