通过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学习之闭包分析
Dec 02 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
JS中的Replace方法使用经验分享
May 20 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
AngularJS通过$sce输出html的方法
Sep 22 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
Javascript Symbol原理及使用方法解析
Oct 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
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
prototype 学习笔记整理
2009/07/17 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
jQuery Password Validation密码验证
2016/12/30 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
移动端图片上传旋转、压缩问题的方法
2018/10/16 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
javascript绘制简单钟表效果
2020/04/07 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
python实现AdaBoost算法的示例
2020/10/03 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
房产转让协议书(2014版)
2014/09/30 职场文书
工资收入证明
2014/10/07 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
2014年纪检工作总结
2014/11/12 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
学校办公室主任岗位职责
2015/04/01 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
诚信考试主题班会
2015/08/17 职场文书
Redis Cluster集群动态扩容的实现
2021/07/15 Redis
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript