通过触发textchanged事件而不更改焦点来显示标签上的文本框值 [英] show textbox value on label by firing textchanged event without changing focus

问题描述

 <   asp：TextBox     ID   =  txtName     runat   =  server    ontextchanged   =  txtName_TextChanged    AutoPostBack   =  true     >  

 受保护  void  txtName_TextChange d（ object  sender，EventArgs e）
 {
 lbl.text = txtName.text; 
} 

每当我改变焦点时此事件都有效但我希望每当输入或删除值时它都必须显示值

解决方案

那你为什么要去服务器端呢？只需使用 JavaScript 。



添加 onkeypress 事件到文本框喜欢......

 <   asp：TextBox     ID   =  txtName    runat   =  server    onkeypress   =  keyPressed（this）;  >  <   / asp：TextBox  >  

然后添加以下 JavaScript 功能。 />

  function  keyPressed（textbox）{
  document  .getElementById（  lbl）。innerHTML = textbox.value; 
} 

你也可以在TextBox中添加onkeyup事件。不需要去服务器端。

< pre lang =HTML> < asp：textbox id = txtName runat = server onkeyup = getxtValue（this）; >

Javascript代码：

  function  getxtValue（that）{
  document  .getElementById（  lable）。innerHTML = that.value; 
} 

<asp:TextBox ID="txtName" runat="server" ontextchanged="txtName_TextChanged" AutoPostBack="true"  >

protected void txtName_TextChanged(object sender, EventArgs e)
{
    lbl.text=txtName.text;
}

this event works whenever i change focus but i want it has to show value whenever a value is entered or deleted

解决方案

Then why are you going to Server side for this? Just use JavaScript.

Add onkeypress event to Textbox like...

<asp:TextBox ID="txtName" runat="server" onkeypress="keyPressed(this);"></asp:TextBox>

Then add following JavaScript function.

function keyPressed(textbox) {
    document.getElementById("lbl").innerHTML = textbox.value;
}

You can also add onkeyup event in TextBox.No need to go server side for this.

<asp:textbox id="txtName" runat="server" onkeyup="getxtValue(this);">

Javascript Code:

function getxtValue(that) {
    document.getElementById("lable").innerHTML = that.value;
}

这篇关于通过触发textchanged事件而不更改焦点来显示标签上的文本框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！