编程 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参数列表集合

Apr 06 Javascript

jQuery中 noConflict() 方法使用

Apr 25 Javascript

js css后面所带参数含义介绍

Aug 18 Javascript

火狐下input焦点无法重复获取问题的解决方法

Jun 16 Javascript

纯js模仿windows系统日历

Feb 04 Javascript

vue项目中的webpack-dev-sever配置方法

Dec 14 Javascript

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

May 05 Javascript

js使用formData实现批量上传

Mar 27 Javascript

微信小程序实现通过js操作wxml的wxss属性示例

Dec 06 Javascript

node Buffer缓存区常见操作示例

May 04 Javascript

bootstrap table列和表头对不齐的解决方法

Jul 19 Javascript

微信小程序跳转到其他网页(外部链接)的实现方法

Sep 20 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函数,php爱好者站推荐

2007/03/19 PHP

weiphp微信公众平台授权设置

2016/01/04 PHP

php实现贪吃蛇小游戏

2016/07/26 PHP

php 根据URL下载远程图片、压缩包、pdf等文件到本地

2019/07/26 PHP

Laravel中正确地返回HTTP状态码方法示例

2019/09/10 PHP

jQuery 表单验证插件formValidation实现个性化错误提示

2009/06/23 Javascript

为jQuery增加join方法的实现代码

2010/11/28 Javascript

JS图片无缝、平滑滚动代码

2014/03/11 Javascript

Bootstrap实现input控件失去焦点时验证

2016/08/04 Javascript

浅析使用BootStrap TreeView插件实现灵活配置快递模板

2016/11/28 Javascript

javascript设计模式之中介者模式学习笔记

2017/02/15 Javascript

jquery实现tab选项卡切换效果（悬停、下方横线动画位移）

2017/05/05 jQuery

AngularJS常见过滤器用法实例总结

2017/07/06 Javascript

详解nodejs中express搭建权限管理系统

2017/09/15 NodeJs

Vue-Cli 3.0 中配置高德地图的两种方式

2019/06/19 Javascript

微信小程序实现手势滑动效果

2019/08/26 Javascript

element-ui树形控件后台返回的数据+生成组织树的工具类

2020/03/05 Javascript

基于javascript实现日历功能原理及代码实例

2020/05/07 Javascript

javascript实现打砖块小游戏（附完整源码）

2020/09/18 Javascript

Python连接DB2数据库

2016/08/27 Python

浅谈numpy数组的几种排序方式

2017/12/15 Python

python中使用ctypes调用so传参设置遇到的问题及解决方法

2019/06/19 Python

如何使用python爬虫爬取要登陆的网站

2019/07/12 Python

python应用文件读取与登录注册功能

2019/09/23 Python

python2.7使用scapy发送syn实例

2020/05/05 Python

h5调用摄像头的实现方法

2016/06/01 HTML / CSS

Luxplus丹麦：香水和个人护理折扣

2018/04/23 全球购物

联想西班牙官网：Lenovo西班牙

2018/08/28 全球购物

Prototype中如何为一个元素添加一个方法

2014/12/08 面试题

商场消防管理制度

2014/01/12 职场文书

清明节扫墓活动方案

2014/03/02 职场文书

行政监察建议书

2014/05/19 职场文书

实验心得体会

2014/09/05 职场文书

银行开户授权委托书格式

2014/10/10 职场文书

万能检讨书开头与结尾怎么写

2015/02/17 职场文书

python简单验证码识别的实现过程

2021/06/20 Python