得到和失去焦点

最新推荐文章于 2023-11-15 17:10:37 发布
最新推荐文章于 2023-11-15 17:10:37 发布
阅读量1.5k 收藏
点赞数
分类专栏： JavaScript学习 文章标签： button c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/greatverve/article/details/3546949
版权

今天有人提问，怎样判断哪个控件获得了焦点。

http://topic.csdn.net/u/20081218/08/9cb0ff76-47d9-4c32-9210-8b8682da14b2.html

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>怎样判断哪个控件处于焦点</title>
  5.     <script type="text/javascript">
  6.         //问题是，执行顺序是，先执行得到焦点，后执行失去焦点。
  7.         //得到焦点和失去焦点时，都设置id，如果一致，说明可能点了空白处。
  8.         //失去焦点时，如果不加alert()就不正常，不知何故，以后再研究。
  9.         var onfocus_id="";
  10.         var onblur_id="";
  11.         //处于焦点
  12.         function on_focus(obj){
  13.             onfocus_id = obj.id;
  14.             //alert(onfocus_id);
  15.         }
  16.         //失去焦点
  17.         function on_blur(obj){
  18.             onblur_id = obj.id;
  19.             alert(onblur_id);//不加这个，就不正常，不知何故。
  20.         }
  21.         //取得焦点控件id
  22.         function getid(){
  23.             if((onfocus_id=="")||(typeof(onfocus_id)=="undefined")||(onfocus_id==onblur_id))
  24.                 alert('没有控件处于焦点！');
  25.             else
  26.                 alert("处于焦点的控件ID："+onfocus_id);
  27.         }
  28.     </script>
  29. </head>
  30. <body>
  31.     <input id="Text2" type="text" onfocus="on_focus(this);" onblur="on_blur(this);" />
  32.     <input id="Text1" type="text" onfocus="on_focus(this);" onblur="on_blur(this);"  />
  33.     <input id="Button1" type="button" value="找到处于焦点的控件" onclick="getid();" />
  34. </body>
  35. </html>

end

greatverve
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文本框失去焦点问题
05-30
文本框焦点问题解答，没有基础的看着费劲 TextBox组件[2]（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。 当我们使用Visual Basic .Net集成开发环境开发应用程序时，在从【工具箱】的【Windows窗体】选项卡中向Form1的设计窗体拖入一个TextBox组件的后，我们可能并没有感觉到即使是这样一个简单的操作，Visual Basic .Net都做了很多幕后工作。主要工作和步骤如下： 1. 首先实例化System.Windows.Forms.TextBox类，并根据拖动到窗体的位置和形状分别设定TextBox实例的各个属性。 2. 我们看到的设计窗体，其实是Form1类的一个实例，而Form1类首先是从System.Windows.Forms.Form类继承而来，Form1类中的成员根据使用者往窗体中拖入的组件不同而不同。各个成员通过Add或AddRange方法加入到Form1中，这样拖入的组件才能够显示在设计窗体上。
【项目复盘Vue2-移动端】IOS使用Vant表单组件输入框获取焦点后放大页面，安卓软键盘遮挡问题
Weiqian_的博客
04-13 3755
IOS使用Vant表单组件输入框获取焦点后放大页面，安卓软键盘遮挡问题解决思路
van-field和原生form两种方法实现表单并获取输入值
weixin_45655168的博客
04-21 1857
van-field和原生form两种方法实现表单并获取输入值
vant中field输入框获取焦点
young_fighter的博客
02-22 2147
vant中field输入框获取焦点，个人记录
获取焦点改变状态
weixin_45743799的博客
10-27 700
表格显示文本内容，当用鼠标点击时获取到焦点文本变为可输入的输入框，点击空白处时失去焦点变为文本显示的文本内容 先看效果图 失去焦点的时候（文本内容只能看不能编辑） 获取焦点的时候（文本内容变为可以编辑的输入框） 程序解读： 获取和失去焦点决定了内容能否编辑 焦点的变化是文本框和输入框的切换过程 把输入框的内容传输给文本框失去焦点时显示 下面看代码 特别注意：一定要添加Jquery.js文件并进...
＜van-field 失去焦点后，就自动清空输入框了，大bug
yuan_618859的博客
12-04 6998
vant的van-field输入框自动清空bug
优化_自动聚焦问题
m0_65812066的博客
01-10 416
在utils文件下创建 directive.js封装中间件。目标：我们想实现，网页一加载input框自动聚焦。
jquery-1.2.6得到焦点与失去焦点的写法
10-29
jquery-1.2.6得到焦点与失去焦点的实现方法。点击“运行”后，请刷新一次。
JQ 文本框得到失去焦点
08-13
NULL 博文链接：https://onestopweb.iteye.com/blog/2294985
文本框的得到焦点和失去焦点事件处理
12-01
两个文本框 一个事用户名 一个是密码 里面有初始内容 得到焦点就把内容清空 失去焦点就判断输入的内容是否大于6 如果大于则作出相应的提示
jQuery文本框得到与失去焦点动态改变样式效果
10-21
主要介绍了jQuery文本框得到与失去焦点动态改变样式效果,涉及jQuery针对页面表单元素样式的动态操作技巧,需要的朋友可以参考下
div失去焦点事件实现思路
12-07
blur事件: 当元素失去焦点时发生 blur 事件。 focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。 tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。 我们都知道blur只是针对...
vant库使用遇到的情况
sedfghjwish77_的博客
12-16 1715
vant组件
vue2.0 van-field 移动端进入页面第一次获取焦点之后软键盘不会把页面顶上去
最新发布
m0_68231587的博客
11-15 487
通过在页面加载时添加事件监听器，并在获取焦点时执行相应的操作，您可以在Vue 2.0的移动端页面中实现所需的功能。请根据您的具体需求进行相应的调整和修改。属性来获取当前获取焦点的元素。然后，您可以根据需要对该元素进行操作，例如调整其样式或执行其他逻辑。函数中，您可以使用原生JavaScript的。如果您在Vue 2.0的移动端页面中使用。在Vue组件的方法中添加。
移动端ios输入框自动聚焦问题
栗子的成长ing
12-25 5106
之前有遇到关于input聚焦的问题，但是一直没总结。今天有时间就整理总结以下。 一. autofocus 在pc/安卓手机上都有效，但是在ios的safari浏览器上不起作用。 因此对于ios手机上input自动聚焦问题，需要特殊处理下。 二.ios手机上，input的focus事件需要通过用户交互才能触发。 当按钮和input框在同一个页面时，可以通过切换display状态,来显示...
关于mpvue使用Vant组件库的Field输入框组件自动唤起手机软键盘问题分析
热门推荐
劲枫的博客
05-04 1万+
前言： 问题场景：需要在本页面点击一个div，动态show一个遮罩层，遮罩层里面有一个输入框，输入框使用Vant的Field组件写的。过程中并没有页面跳转。（本问题场景出现在mpvue中，在vue、H5等其他场景同样可以借鉴。） 解决方法： 在template里面引入对应组件（本文用的Vant，可以用原生Input，或者其他组件） 在data()里面设置聚焦初始为false...
关于手机端点击搜索按钮跳转到搜索页面，搜索框自动聚焦并且唤起键盘
lee_glj的博客
09-28 1589
可兼容IOS和安卓，自动聚焦搜索框并唤起键盘
van-search自动聚焦
weixin_45479634的博客
03-11 3605
van-search自动聚焦
js操作GridView,实现自动计算
天祺围棋
03-24 3104
  js操作GridView,实现自动计算 <!-- table,tr,td{text-align:center;} input{width:50px;text-align:center;} --> table,tr,td{text-align:center;} input{width:5
QlineEdit得到和失去焦点的时候改变背景色，用C++代码实现
07-08
可以通过重写QLineEdit的focusInEvent()和focusOutEvent()方法来实现获取和失去焦点时改变背景色的效果。下面是一个示例代码： ```cpp #include <QApplication> #include <QLineEdit> #include <QPalette> class CustomLineEdit : public QLineEdit { public: CustomLineEdit(QWidget *parent = nullptr) : QLineEdit(parent) {} protected: void focusInEvent(QFocusEvent *event) override { QPalette palette = this->palette(); palette.setColor(QPalette::Base, Qt::yellow); // 设置获取焦点时的背景色 this->setPalette(palette); QLineEdit::focusInEvent(event); } void focusOutEvent(QFocusEvent *event) override { QPalette palette = this->palette(); palette.setColor(QPalette::Base, Qt::white); // 设置失去焦点时的背景色 this->setPalette(palette); QLineEdit::focusOutEvent(event); } }; int main(int argc, char *argv[]) { QApplication a(argc, argv); CustomLineEdit lineEdit; lineEdit.show(); return a.exec(); } ``` 在上述代码中，我们创建了一个自定义的QLineEdit类CustomLineEdit，重写了focusInEvent()和focusOutEvent()方法，在获取和失去焦点时分别改变背景色。获取焦点时，使用Qt::yellow颜色，失去焦点时，使用Qt::white颜色。 在主函数中，我们创建了CustomLineEdit的实例并显示出来。运行程序后，当输入框获得焦点时，背景色会变为黄色；失去焦点时，背景色会恢复为白色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值