通过JS来判断页面控件是否获取焦点

 本篇文章主要介绍了通过JS来判断页面控件是否获取焦点的方法。需要的朋友可以过来参考下,希望对大家有所帮助

以一个TextBox为例,使用javascript来判断其是否获取到焦点。
 
其实很简单,正常的思路分为两个途径来看:
 
当文本框为服务端控件的时候,我们可以很简单地想到使用:if(TextBox1.Focused)来进行判断,使用TextBox1.Attributes.add('onfocus','要执行的方法'); 来绑定方法。当然,服务端的控件也是可以使用JS来进行操作的,不过,需要提醒注意的是服务端的ID与实际客户端的ID很可能是不一样的,所以在使用getelementbyid的时候需要注意: document.getElementById('<%= TextBox1.ClientID%>')。
 
当文本框为服务端控件的时候,可以用document.activeElement.id和TextBox1比较,就能知道TextBox1是否为焦点,例:if(document.activeElement   ==   document.form1.elementName){} 。
 
 

时间: 2024-07-28 17:39:36

通过JS来判断页面控件是否获取焦点的相关文章

js控制页面控件隐藏显示的两种方法介绍_javascript技巧

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visibility="visible"; 方法二: 复制代码 代码如下: document.all["panelsms&

解析使用JS 清空File控件的路径值

本篇文章是对使用JS清空File控件的路径值的方法进行了详细的分析介绍,需要的朋友参考下   1.关于如何用脚本修改fileupload控件值的问题, 开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件 这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑) 方法1).使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因

css实现刷新页面的同时保存页面控件的输入值

 css实现刷新页面的同时保存页面控件的输入值这个对于我们来讲是非常好用了,像有些页面不小心刷新了页面表单值就丢失了需要重新输入非常的麻烦,那么我们可以使用css来定义页面刷新值保存起来,具体设置如下.     在Head中加入<meta name="save" content="history"> 添加css: input{behavior:url(#default#savehistory)}; e.g. 页面上存在<input type=tex

使用js判断TextBox控件值改变然后出发事件

 这篇文章主要介绍了使用js判断TextBox控件值改变然后出发事件.需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <script language="javascript" type="text/javascript">       var firsty;//最开始的加载页面时年和月     var firstm;       var secondy;//当onchange触发后的值     var secondm;     var pan

JS实现OCX控件的事件响应示例

 JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理. 个人理解,其实就是事件的响应由谁来完成,OCX控件自身肯定是可以实现的,JS提供的这种机制使JS也可以完成OCX控件事件的响应. 简单举例如下: 首先在OCX控件中添加自定义事件(预定义事件同理,如鼠标点击等,没亲自试,感觉原理应该是一样的), 事件应该是属于窗口的,所以在Ctrl类上单击右键,Add->Add Event,如下图: 在打开的对话框中输入事件名称,例如OnChang

ASP.NET中日历控件和JS版日历控件的使用方法(第5节)_实用技巧

今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法,主要任务内容: 1.添加一个日历,设置日期以蓝色的完整名称显示,周末以黄色背景红色文字显示,而当前日期使用绿色背景显示,用户可以选择一天.一周或整个月,被选的天/周/月使用灰色背景色来显示.当选中一个日期后,把时间显示在下面的一个文本框中,效果如图所示: 2.设计一个注册页面,使用js日历控件帮助用户输入出生日期.效果如图所示: 学习项目一  Calendar日历控件 1.在站点下创建一个Calendar页面,并在页面上拖放一个

JS实现OCX控件的事件响应示例_javascript技巧

JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理. 个人理解,其实就是事件的响应由谁来完成,OCX控件自身肯定是可以实现的,JS提供的这种机制使JS也可以完成OCX控件事件的响应. 简单举例如下: 首先在OCX控件中添加自定义事件(预定义事件同理,如鼠标点击等,没亲自试,感觉原理应该是一样的), 事件应该是属于窗口的,所以在Ctrl类上单击右键,Add->Add Event,如下图: 在打开的对话框中输入事件名称,例如OnChange

如何用js给html控件赋值

问题描述 如何如何用js给html控件赋值? 解决方案 解决方案二:<script>window.onload=functionsetValue()//在页面加载时赋值{document.GetElementById("你要赋值的控件ID").value=你需要赋的值;}</script> 解决方案三:上面<script>标签应为<scriptlanguage="javascript">解决方案四:那是给asp控件赋值

有没有一种较好的js周历控件,可以实现选择上一周、下一周。并可以显示这选中的这一周的所有日期

问题描述 有没有一种较好的js周历控件,可以实现选择上一周.下一周.并可以显示这选中的这一周的所有日期 在web页面我想要对日历的操作,可以选择上一周.下一周,并显示这一周的日期.有没有一种较好的方法.我希望用my97这个日历控件,可不可以 解决方案 JS操作日期,顺便实现 上一周 和 下一周 功能JS实现上一周和下一周js 实现今天的上一周和下一周 解决方案二: My97DatePicker 控件就可以实现你的功能啊,使用参考:http://www.my97.net/dp/demo/resou