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

JavaScript 编程引入命名空间的方法

Jun 29 Javascript

Javascript 面向对象继承

May 13 Javascript

JS对select控件option选项的增删改查示例代码

Oct 21 Javascript

javascript表单事件处理方法详解

May 15 Javascript

深入理解js数组的sort排序

May 28 Javascript

Bootstrap 下拉多选框插件Bootstrap Multiselect

Jan 22 Javascript

Angular.js 4.x中表单Template-Driven Forms详解

Apr 25 Javascript

angular中使用Socket.io实例代码

Jun 03 Javascript

Vue2.0实现将页面中表格数据导出excel的实例

Aug 09 Javascript

部署vue+Springboot前后端分离项目的步骤实现

May 31 Javascript

vue路由权限校验功能的实现代码

Jun 07 Javascript

基于jquery实现彩色投票进度条代码解析

Aug 26 jQuery

使用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 字符过滤类，用于过滤各类用户输入的数据

2009/05/27 PHP

PHP中防止SQL注入实现代码

2011/02/19 PHP

php基础学习之变量的使用

2011/06/09 PHP

深入解析php中的foreach问题

2013/06/30 PHP

如何使用php输出时间格式

2013/08/31 PHP

详解php命令注入攻击

2019/04/06 PHP

XAMPP升级PHP版本实现步骤解析

2020/09/04 PHP

jquery.lazyload 实现图片延迟加载jquery插件

2010/02/06 Javascript

jQuery中复合属性选择器用法实例

2014/12/31 Javascript

Nodejs学习笔记之NET模块

2015/01/13 NodeJs

javascript实现表单提交后，提交按钮不可用的方法

2015/04/18 Javascript

JavaScript中操作字符串小结

2015/05/04 Javascript

详解js图片轮播效果实现原理

2015/12/17 Javascript

JavaScript代码实现左右上下自动晃动自动移动

2016/04/08 Javascript

移动端一个简单易懂的弹出框

2016/07/06 Javascript

Javascript 跨域知识详细介绍

2016/10/30 Javascript

Angular JS 生成动态二维码的方法

2017/02/23 Javascript

Vue实现自带的过滤器实例

2017/03/09 Javascript

JS实现的添加弹出层并完成锁屏操作示例

2017/04/07 Javascript

利用npm 安装删除模块的方法

2018/05/15 Javascript

DatePickerDialog 自定义样式及使用全解

2019/07/09 Javascript

微信小程序中button去除默认的边框实例代码

2019/08/01 Javascript

vue项目中定义全局变量、函数的几种方法

2019/11/08 Javascript

jQuery+ThinkPHP实现图片上传

2020/07/23 jQuery

vue 导航菜单刷新状态不消失,显示对应的路由界面操作

2020/08/06 Javascript

[00:34]拔城逐梦，热血永恒！2020（秋）完美世界城市挑战赛报名开启

2020/10/09 DOTA

[07:09]DOTA2-DPC中国联赛正赛 Ehome vs Elephant 选手采访

2021/03/11 DOTA

spark: RDD与DataFrame之间的相互转换方法

2018/06/07 Python

python3的print()函数的用法图文讲解

2019/07/16 Python

python中的列表与元组的使用

2019/08/08 Python

html5的input的required使用中遇到的问题及解决方法

2018/04/24 HTML / CSS

《跨越海峡的生命桥》教学反思

2014/02/24 职场文书

巾帼志愿者活动方案

2014/08/17 职场文书

教师节寄语2015

2015/03/23 职场文书

离婚案件原告代理词

2015/05/23 职场文书

《穷人》教学反思

2016/02/19 职场文书