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

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