编程 Javascript

通过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){} 。

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery 图片预加载自动等比例缩放插件

Dec 25 Javascript

JavaScript NaN和Infinity特殊值 [译]

Sep 20 Javascript

基于jQuery实现的旋转彩圈实例

Jun 26 Javascript

JavaScript运动减速效果实例分析

Aug 04 Javascript

jQuery on()方法绑定动态元素的点击事件实例代码浅析

Jun 16 Javascript

JS 日期与时间戮相互转化的简单实例

Jun 22 Javascript

微信小程序弹框和模态框实现代码

Mar 10 Javascript

关于webpack代码拆分的解析

Jul 20 Javascript

vue最简单的前后端交互示例详解

Oct 11 Javascript

JS 自执行函数原理及用法

Aug 05 Javascript

vue+layui实现select动态加载后台数据的例子

Sep 20 Javascript

NestJs使用Mongoose对MongoDB操作的方法

Feb 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

php获取网页请求状态程序示例

2014/06/17 PHP

php简单实现多语言切换的方法

2016/05/09 PHP

php use和include区别总结

2019/10/13 PHP

window.addeventjs事件驱动函数集合addEvent等

2008/02/19 Javascript

javascript中运用闭包和自执行函数解决大量的全局变量问题

2010/12/30 Javascript

基于jQuery的前端数据通用验证库

2011/08/08 Javascript

JS 跳转页面延迟2种方法

2013/03/29 Javascript

jQuery预加载图片常用方法

2015/06/15 Javascript

解决jQuery上传插件Uploadify出现Http Error 302错误的方法

2015/12/18 Javascript

JavaScript的new date等日期函数在safari中遇到的坑

2016/10/24 Javascript

Angular 4.x 路由快速入门学习

2017/05/03 Javascript

JavaScript制作简单的框选图表

2017/05/15 Javascript

利用types增强vscode中js代码提示功能详解

2017/07/07 Javascript

随机生成10个不重复的0-100的数字(实例讲解)

2017/08/16 Javascript

解决nodejs的npm命令无反应的问题

2018/05/17 NodeJs

javascript使用substring实现的展开与收缩文字功能示例

2019/06/17 Javascript

微信js-sdk 录音功能的示例代码

2019/11/01 Javascript

Python多线程同步Lock、RLock、Semaphore、Event实例

2014/11/21 Python

20招让你的Python飞起来!

2016/09/27 Python

tensorflow: variable的值与variable.read_value()的值区别详解

2018/07/30 Python

pyqt5 禁止窗口最大化和禁止窗口拉伸的方法

2019/06/18 Python

使用python os模块复制文件到指定文件夹的方法

2019/08/22 Python

Python 一行代码能实现丧心病狂的功能

2020/01/18 Python

keras使用Sequence类调用大规模数据集进行训练的实现

2020/06/22 Python

Python3如何实现Win10桌面自动切换

2020/08/11 Python

Python中用xlwt制作表格实例讲解

2020/11/05 Python

CSS3 Flexbox中flex-shrink属性的用法示例介绍

2013/12/30 HTML / CSS

世界上最大的在线学习和教学市场：Udemy

2017/11/08 全球购物

加拿大最大的体育用品、鞋类和服装零售商：Sport Chek

2018/11/29 全球购物

游戏商店：Eneba

2020/04/25 全球购物

销售员自我评价怎么写

2013/09/19 职场文书

现金会计岗位职责

2013/12/05 职场文书

关于读书的演讲稿500字

2014/08/27 职场文书

考试没考好检讨书

2015/05/06 职场文书

js实现模拟购物商城案例

2021/05/18 Javascript

MySQL中int (10) 和 int (11) 的区别

2022/01/22 MySQL