通过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 相关文章推荐
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 jQuery
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
解决Vue项目中tff报错的问题
Oct 21 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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
在IIS上安装PHP4.0正式版
2006/10/09 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
百度地图API应用之获取用户的具体位置
2014/06/10 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
jQuery仿天猫实现超炫的加入购物车
2015/05/04 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
详解Vue2的diff算法
2021/01/06 Vue.js
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
python 运算符 供重载参考
2009/06/11 Python
python保存网页图片到本地的方法
2018/07/24 Python
python 批量修改/替换数据的实例
2018/07/25 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
Python2与Python3的区别详解
2020/02/09 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
最好的商品表达自己:Cafepress
2019/09/04 全球购物
垃圾桶标语
2014/06/24 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
2015年计划生育责任书
2015/05/08 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
导游词之无锡梅园
2019/11/28 职场文书