存档

文章标签 ‘文本框’

js控制页面元素

2008年3月13日 編程·程序設計 977 views

刚在ASM中处理客户提出的需求中,有两个是用户习惯的问题,想到了用JS来控制页面。一个是页面加载完后滚动条自动跳转到最下面,另一个是在文本框输入中按回车后,光标焦点自动跳到下个文本框中。
以下是实现的源码:
1、页面加载完后滚动条自动跳转到最下面:

JavaScript代码

function  window.onload()   
{   
  setTimeout("scrollT()",0);   
}   
function scrollT()   
{   
    window.scrollTo(0,document.body.scrollHeight);   
}  

 
2、文本框按回车后焦点定位到下一个文本框:

前台页面的JS代码:

function setDefaultClick(e,obj)   
{   
  if (e.keyCode == 13)   
  {   
      document.getElementById(obj).focus();   
      event.returnValue=false;   
  }   
}  

 

后台C#代码

private void initTxtKeyWord(TextBox tb1, TextBox tb2)   
{   
    tb1.Attributes.Add("onkeypress", "setDefaultClick(event,’" + tb2.ClientID + "’)");   
}  

在Page_Load中调用以上的方法来初始化文本框

C#代码

initTxtKeyWord(txt1, txt2);   
initTxtKeyWord(txt2, txt3);   
initTxtKeyWord(txt3, txt1);  

通过上面的第二个例子,在代码上稍微改一下,又可实现对文本框中按回车自动哦触发按钮的事件。下面是代码:

前台页面的JS代码:

function setDefaultClick(e,obj)   
{   
  if (e.keyCode == 13)   
  {   
    __doPostBack(obj,"");   
    event.returnValue=false;   
  }   
}  

后台C#代码

private void initTxtKeyWord(TextBox tb, Button btn)   
{   
    tb1.Attributes.Add("onkeypress", "setDefaultClick(event,’" + btn.ClientID + "’)");   
}  

在Page_Load中调用以上的方法来初始化文本框

C#代码

initTxtKeyWord(txt1, btn1);  

, , ,