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


Posted in Javascript onJanuary 03, 2014

以一个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){} 。

Javascript 相关文章推荐
JavaScript TO HTML 转换
Jun 26 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
JS未跨域操作iframe里的DOM
Jun 01 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 Javascript
基于JavaScript实现省市联动效果
Jun 22 Javascript
使用js判断控件是否获得焦点
Jan 03 #Javascript
js保留小数点后几位的写法
Jan 03 #Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 #Javascript
jquery事件重复绑定的快速解决方法
Jan 03 #Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 #Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 #Javascript
解决JS中乘法的浮点错误的方法
Jan 03 #Javascript
You might like
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
PHP简单日历实现方法
2016/07/20 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
python数据封装json格式数据
2018/03/04 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
django框架cookie和session用法实例详解
2019/12/10 Python
python 实现提取log文件中的关键句子,并进行统计分析
2019/12/24 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
促销活动策划方案
2014/01/12 职场文书
寒假实习自荐信
2014/01/26 职场文书
《春到梅花山》教学反思
2014/04/16 职场文书
理想演讲稿范文
2014/05/21 职场文书
公安机关正风肃纪剖析材料
2014/10/10 职场文书
三严三实心得体会范文
2014/10/13 职场文书
2014企业年终工作总结
2014/12/23 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL