通过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动画效果类封装代码
Aug 28 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
HTML的select控件美化
Mar 27 Javascript
node.js中EJS 模板快速入门教程
May 08 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
vue中设置height:100%无效的问题及解决方法
Jul 27 Javascript
Node.js Event Loop各阶段讲解
Mar 08 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 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
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
Vue + Element UI图片上传控件使用详解
2019/08/20 Javascript
js实现数字滚动特效
2019/12/16 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
Python yield使用方法示例
2013/12/04 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
python读取图片颜色值并生成excel像素画的方法实例
2021/02/19 Python
外企测试工程师面试题
2015/02/01 面试题
实习教师自我鉴定
2013/12/12 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
2015年团支部工作总结
2015/04/03 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis