编程 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 easyui的tabs使用时的问题

Mar 23 Javascript

JSQL 基于客户端的成绩统计实现方法

May 05 Javascript

基于iframe实现类似于ajax的页面无刷新

May 31 Javascript

浅谈JavaScript function函数种类

Dec 29 Javascript

jquery实现炫酷的叠加层自动切换特效

Feb 01 Javascript

JavaScript中的条件判断语句使用详解

Jun 03 Javascript

全面解析Bootstrap排版使用方法（标题）

Nov 30 Javascript

JS实现前端缓存的方法

Sep 21 Javascript

fetch 使用及如何接收JS传值

Nov 11 Javascript

React如何解决fetch跨域请求时session失效问题

Nov 02 Javascript

微信小程序实现弹出菜单动画

Jun 21 Javascript

jquery 插件重新绑定的处理方法分析

Nov 23 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异常：Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE eval()'d code error

2011/05/19 PHP

php命令行（cli）下执行PHP脚本文件的相对路径的问题解决方法

2015/05/25 PHP

php解决DOM乱码的方法示例代码

2016/11/20 PHP

Yii2 队列 shmilyzxt/yii2-queue 简单概述

2017/08/02 PHP

YII框架行为behaviors用法示例

2019/04/26 PHP

一个简单的js动画效果代码

2010/07/20 Javascript

Js 去掉字符串中的空格(实现代码)

2013/11/19 Javascript

SuperSlide2实现图片滚动特效

2014/06/20 Javascript

js读取json的两种常用方法示例介绍

2014/10/19 Javascript

jQuery结合ajax实现动态加载文本内容

2015/05/19 Javascript

jQuery Real Person验证码插件防止表单自动提交

2015/11/06 Javascript

第二章之Bootstrap 页面排版样式

2016/04/25 Javascript

基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化

2016/05/12 Javascript

各种选择框jQuery的选中方法(实例讲解)

2017/06/27 jQuery

JavaScript实现新年倒计时效果

2018/11/17 Javascript

JS数组扁平化(flat)方法总结详解

2019/06/24 Javascript

Angular 中使用 FineReport不显示报表直接打印预览

2019/08/21 Javascript

在vue+element ui框架里实现lodash的debounce防抖

2019/11/13 Javascript

three.js利用gpu选取物体并计算交点位置的方法示例

2019/11/25 Javascript

nodejs nedb 封装库与使用方法示例

2020/02/06 NodeJs

详解webpack的文件监听实现(热更新)

2020/09/11 Javascript

详解ES6 中的Object.assign()的用法实例代码

2021/01/11 Javascript

[01:29]2017 DOTA2国际邀请赛官方英雄手办展示

2017/03/18 DOTA

apache部署python程序出现503错误的解决方法

2017/07/24 Python

关于Django外键赋值问题详解

2017/08/13 Python

详解tensorflow训练自己的数据集实现CNN图像分类

2018/02/07 Python

Python面向对象基础入门之设置对象属性

2018/12/11 Python

Win10下Python3.7.3安装教程图解

2019/07/08 Python

python实现学生管理系统开发

2020/07/24 Python

HTML5不支持frameset的两种解决方法

2016/11/14 HTML / CSS

零件设计自荐信范文

2013/11/27 职场文书

2014年依法行政工作总结

2014/11/19 职场文书

胡雪岩故居导游词

2015/02/06 职场文书

会计试用期自我评价

2015/03/10 职场文书

2015年综治维稳工作总结

2015/04/07 职场文书

Python实现视频中添加音频工具详解

2021/12/06 Python