通过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 相关文章推荐
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
JQuery里选择超链接的实现代码
May 22 Javascript
javascript制作loading动画效果 loading效果
Jan 14 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
Javascript 引擎工作机制详解
Nov 30 Javascript
详解jquery easyui之datagrid使用参考
Dec 05 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
JS中的函数与对象的创建方式
May 12 Javascript
JS数组reduce()方法原理及使用技巧解析
Jul 14 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/10/17 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
vue点击自增和求和的实例代码
2019/11/06 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
对于Python的Django框架部署的一些建议
2015/04/09 Python
Python使用minidom读写xml的方法
2015/06/03 Python
Python+Opencv识别两张相似图片
2020/03/23 Python
用Eclipse写python程序
2018/02/10 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
python中reader的next用法
2018/07/24 Python
Python制作动态字符图的实例
2019/01/27 Python
Python类反射机制使用实例解析
2019/12/30 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
RIP版本1跟版本2的区别
2013/12/30 面试题
翻译专业应届生求职信
2013/11/23 职场文书
工程质量月活动方案
2014/02/19 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
人大调研汇报材料
2014/08/14 职场文书
婚前协议书范本两则
2014/10/16 职场文书
2015年新教师工作总结
2015/04/28 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
Tomcat配置访问日志和线程数
2022/05/06 Servers