存档

文章标签 ‘文本框’

js控制页面元素

2008年3月13日 編程·程序設計 1,186 views
1 条评论

刚在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代码： [...]

, , ,