编程 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 相关文章推荐

慎用 somefunction.prototype 分析

Jun 02 Javascript

Zero Clipboard js+swf实现的复制功能使用方法

Mar 07 Javascript

自定义的一个简单时尚js下拉选择框

Nov 20 Javascript

z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

Nov 16 Javascript

javascript实现简易计算器的代码

May 31 Javascript

JS组件系列之使用HTML标签的data属性初始化JS组件

Sep 14 Javascript

AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】

Nov 03 Javascript

Bootstrap实现各种进度条样式详解

Apr 13 Javascript

Angularjs 根据一个select的值去设置另一个select的值方法

Aug 13 Javascript

layui按条件隐藏表格列的实例

Sep 19 Javascript

Vue2.0 实现页面缓存和不缓存的方式

Nov 12 Javascript

浏览器JavaScript调试功能无法使用解决方案

Sep 18 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的引用计数机制

2013/06/14 PHP

一个简单的PHP验证码实现代码

2014/05/10 PHP

如何在PHP中使用数组

2020/06/09 PHP

php使用event扩展的io复用测试的示例

2020/10/20 PHP

PHP快速导出百万级数据到CSV或者EXCEL文件

2020/11/27 PHP

javascript编程起步（第七课）

2007/02/27 Javascript

悄悄用脚本检查你访问过哪些网站的代码

2010/12/04 Javascript

js中setTimeout()与clearTimeout()用法实例浅析

2015/05/12 Javascript

javascript中类的定义方式详解(四种方式)

2015/12/22 Javascript

Webwork 实现文件上传下载代码详解

2016/02/02 Javascript

微信小程序之仿微信漂流瓶实例

2016/12/09 Javascript

详解nodejs 文本操作模块-fs模块（二）

2016/12/22 NodeJs

VeeValidate 的使用场景以及配置详解

2019/01/11 Javascript

JavaScript实现Excel表格效果

2020/02/07 Javascript

浅谈Vue3.0新版API之composition-api入坑指南

2020/04/30 Javascript

Vue用mixin合并重复代码的实现

2020/11/27 Vue.js

Python for Informatics 第11章正则表达式(一)

2016/04/21 Python

Python基于回溯法子集树模板解决m着色问题示例

2017/09/07 Python

Python基于socket实现简单的即时通讯功能示例

2018/01/16 Python

用python编写第一个IDA插件的实例

2018/05/29 Python

python scatter散点图用循环分类法加图例

2019/03/19 Python

python批量爬取下载抖音视频

2019/06/17 Python

简单了解python PEP的一些知识

2019/07/13 Python

超全Python图像处理讲解(多模块实现)

2020/04/13 Python

Python lambda表达式原理及用法解析

2020/08/18 Python

python中reload重载实例用法

2020/12/15 Python

俄罗斯珠宝市场的领导者之一：Бронницкий ювелир

2019/10/02 全球购物

Ashford台湾：以折扣价提供奢华的男女用表款

2019/12/04 全球购物

俄罗斯儿童和青少年服装、鞋子及配件的在线商店：Orby

2020/02/20 全球购物

荷兰时尚精品店：Labels Fashion

2020/03/22 全球购物

DOM和JQuery对象有什么区别

2016/11/11 面试题

大专应届毕业生求职信

2014/07/15 职场文书

驾驶员安全责任书

2014/07/22 职场文书

公司领导班子对照检查材料

2014/09/24 职场文书

大学生自我鉴定怎么写

2019/05/07 职场文书

Element实现动态表格的示例代码

2021/08/02 Javascript