寂寞部屋
- 关注互联网,关注生活
关注互联网,关注生活
2019年五月
« 4月    
 12345
6789101112
13141516171819
20212223242526
2728293031  
  • 日志总数:553 篇
  • 浏览总量:2,434,952 次
  • 运行天数:618 天
  • 建站时间:2017-9-14
  • 最后更新:2019-4-2

js控制页面元素

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

以下是实现的源码:

1、页面加载完后滚动条自动跳转到最下面:

JavaScript代码
  1. function  window.onload()   
  2. {   
  3.   setTimeout("scrollT()",0);   
  4. }   
  5. function scrollT()   
  6. {   
  7.     window.scrollTo(0,document.body.scrollHeight);   
  8. }  

 

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

前台页面的JS代码:
  1. function setDefaultClick(e,obj)   
  2. {   
  3.   if (e.keyCode == 13)   
  4.   {   
  5.       document.getElementById(obj).focus();   
  6.       event.returnValue=false;   
  7.   }   
  8. }  

 

后台C#代码
  1. private void initTxtKeyWord(TextBox tb1, TextBox tb2)   
  2. {   
  3.     tb1.Attributes.Add("onkeypress""setDefaultClick(event,’" + tb2.ClientID + "’)");   
  4. }  

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

C#代码
  1. initTxtKeyWord(txt1, txt2);   
  2. initTxtKeyWord(txt2, txt3);   
  3. initTxtKeyWord(txt3, txt1);  

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

前台页面的JS代码:
  1. function setDefaultClick(e,obj)   
  2. {   
  3.   if (e.keyCode == 13)   
  4.   {   
  5.     __doPostBack(obj,"");   
  6.     event.returnValue=false;   
  7.   }   
  8. }  
后台C#代码
  1. private void initTxtKeyWord(TextBox tb, Button btn)   
  2. {   
  3.     tb1.Attributes.Add("onkeypress""setDefaultClick(event,’" + btn.ClientID + "’)");   
  4. }  

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

C#代码
  1. initTxtKeyWord(txt1, btn1);  
本站原创文章,请勿复制转载
版权声明:除特别注明外,本站所有文章均为原创,未经许可请勿复制、转载
2008-03-13
4,143 views
  1. 好文章啊
    txt小说 http://www.zhaotxt.com
    我喜欢啊122

发表评论

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。