当鼠标光标进入文本框时，如何填充消息框？答案

【问题标题】：How can I populate a message box when mouse cursor enters in a text box?当鼠标光标进入文本框时，如何填充消息框？
【发布时间】：2011-01-31 08:10:00
【问题描述】：

我正在使用 3 个文本框。当我单击第二个文本框时，我想在消息框中显示第一个文本框的值（如果第一个文本框通过了验证）。当我点击第三个文本框时的相同过程我想在消息框中显示第一个文本框值和第二个文本框值（如果第一个文本框，第二个文本框通过了验证）。

问候， NSJ

【问题讨论】：

标签： javascript asp.net

【解决方案1】：

如果您希望函数在鼠标悬停时触发，请在文本框上使用 onmouseover 事件。

如果您希望函数在光标移入控件时触发，请在文本框上使用 onfocus 事件。

文本框 2（鼠标悬停）：

onmouseover="alert(textbox1.value);"

文本框 3（焦点）：

onfocus="alert(textbox1.value + ' ' + textbox2.value);"

如果你使用像 jQuery 这样的 javascript 库，最好通过它attach to the events 来保持关注点分离。

【讨论】：

【解决方案2】：

试试这个：

ASPX：

<asp:TextBox ID="txtFirst" runat="server" Text="First"></asp:TextBox>
<asp:TextBox ID="txtSecond" runat="server" Text="Second"></asp:TextBox><br />
<asp:TextBox ID="txtThird" runat="server" Text="Third"></asp:TextBox><br />

JAVASCRIPT：

$(document).ready(function(){
$("#txtSecond").focus(function(){
    alert($("#txtFirst").val());
});
$("#txtThird").focus(function(){
    alert($("#txtFirst").val());
    alert($("#txtSecond").val());
});
});

【讨论】：