前一期大师兄介绍了扣子平台组件的两种状态“禁用”和“加载”。这两种方法使控件可以通过简单设置表示出更多的运行状态。今天大师兄将详细介绍控件的一种事件“聚焦”。

扣子（coze）编程

「极简」扣子(coze)教程 | 小程序UI设计进阶 II！让系统动起来，“禁用”，“加载”状态设置

「极简」扣子(coze)教程 | 小程序UI设计进阶！控件可见性设置

「极简」扣子(coze)教程 | 3分钟学会小程序UI设计！从零开始创建页面和瓷片按钮

「极简」扣子(coze)教程 | 老司机秘籍，扣子调试实践II ,错误信息读取及定位

「极简」扣子(coze)教程 | 成为老司机的秘籍，扣子调试实践 I

「极简」扣子(coze)教程 | 一篇讲透“变量聚合” 节点，让输入更灵活！

「极简」扣子(coze)教程 | 细节决定成败！这个小功能让用户满意度飙升，讲的太细了

「极简」扣子(coze)教程 | 添加插件的另一种方法，上百款插件一键添加，快速扩展你的应用功能！

「极简」扣子(coze)教程 | 上百款插件一键添加，快速扩展你的应用功能！

做小程序不求人 |  零代码神器！0基础秒做专业级App智能体，字节扣子平台抄详细实操纪实

打工人变现新赛道 | 原来做智能体这么简单，5分钟0代码，草履虫实例  【快来学】

「惊觉」未来打工人标配 | 史上第二易懂智能体编程指南来了, 5分钟飞书扣子编程实例 【快收藏】

概念介绍

这里先要介绍一下“聚焦”的概念。这个概念在大师兄读大学时用微软Visual Studio工具进行VC++,VB桌面软件编程的时候就有了。得有至少二十多年的额历史。英语是focus。

在UI界面编程时界面上有许多的“组件”。虽然看起来这些组件是同时运行的。但系统同一时间只有一个控件能够接受用户的输入信息。可以是一个按钮的点击，也可以是输入框的输入。

在组件进行输入之前必须先获得“焦点”。 

举一个比较典型的例子：界面上有两个输入框，但是键盘输入只能输入到其中一个框。这种情况，我们一般会先点击需要输入的框。点击时候这个框就获得了焦点。

这个获得焦点的事件就是“聚焦”。

“聚焦事件”

打开扣子平台，我们在界面上点击每个组件，查看这个事件。我们的UI上现在有三种组件。

TextArea输入框

markdown输出框

Button 按钮

可以看到只有TextArea输入框是有这个事件的。相比于其他平台扣子的组件做了简化，只有输入框能处理这个事件。

添加事件

我们给输入框添加一个“聚焦”事件。在用户点击这个组件的时候向用户发出提示信息“请输入链接或内容”。

提示类型

“展示提示内容”一共有三种类型 “成功”，“失败”，“普通”。这代表了三种表现形式。我们选择的是普通。下面显示另外两种选择的显示内容。

成功

失败

配置

按照下图配置，时长表示提示显示的时间。单位是毫秒，3000毫秒就是3秒。

预览

界面右上角点击预览，看效果。

大师兄带你刨科技

可以看到点击输入框，有提示弹出。 

但是等提示消失了，再点击输入框就不会再弹出了。

这是因为这个事件表示的是“焦点”切换的过程。如果“焦点”一直在这个组件上，自然就没有这个切换的过程了。事件也就不会触发。

在视频最后先点击下面的输出框，再点击输入框，就又可以看到提示了。再一次证明这个事件是在“焦点”切换过程中产生的。

历史文章检索：

扣子（coze）编程

「极简」扣子(coze)教程 | 小程序UI设计进阶 II！让系统动起来，“禁用”，“加载”状态设置

「极简」扣子(coze)教程 | 小程序UI设计进阶！控件可见性设置

「极简」扣子(coze)教程 | 3分钟学会小程序UI设计！从零开始创建页面和瓷片按钮

「极简」扣子(coze)教程 | 老司机秘籍，扣子调试实践II ,错误信息读取及定位

「极简」扣子(coze)教程 | 成为老司机的秘籍，扣子调试实践 I

「极简」扣子(coze)教程 | 一篇讲透“变量聚合” 节点，让输入更灵活！

「极简」扣子(coze)教程 | 细节决定成败！这个小功能让用户满意度飙升，讲的太细了

「极简」扣子(coze)教程 | 添加插件的另一种方法，上百款插件一键添加，快速扩展你的应用功能！

「极简」扣子(coze)教程 | 上百款插件一键添加，快速扩展你的应用功能！

做小程序不求人 |  零代码神器！0基础秒做专业级App智能体，字节扣子平台抄详细实操纪实

打工人变现新赛道 | 原来做智能体这么简单，5分钟0代码，草履虫实例  【快来学】

「惊觉」未来打工人标配 | 史上第二易懂智能体编程指南来了, 5分钟飞书扣子编程实例 【快收藏】

AI编程与系统

20年经验程序员被AI踢馆现场！AI时代职场危机应对

大师兄数字生命崛起 | 腾讯元器五分钟零成本集成”公众号文章问答“

办公&图文创作

立夏爆款！咸鱼最新副业山水藏字接单到手软，工具免费，附保姆级教程

为什么 DeepSeek 复制总带奇怪符号？| 解密AI时代的基础语言markdown

DeepSeek又抽风? | 5.1假期必备，一口气10个DeepSeek 稳定满血入口清单 【快收藏】

90%人不知道的功能 | 飞书多维表格批量自动爬取网上信息，0基础5分钟打造全自动信息加工厂实操【快来试】

一张海报=一部电影 | 一键带你重回电影的黄金年代，即梦3.0让人人都成为海报设计师

信息爆炸时代，怎么能不会这招 | 倍速吸收信息的秘密武器，阿里通意AI，送AI时代择业指南

何止提效10倍，全自动小红书卡片生产攻略 | 只需3步，DeepSeek+多维表格 【先进生产力收藏】

离谱！凌晨保险代理跟我卷AI | 5分钟顶你一天的小红书卡片模板批量生成

清华动手反制美国！又一个国产deepseek时刻？| 能自己动手查资料的智谱“沉思”完整测试

还在用Mermaid+Napkin？| 3步，让大老板深深记住你的名字，制作现场限时公开 【速转家人】

老板露出了赞赏的笑容 | 这个AI绘图神器，让你的 PPT 秒杀麦肯锡，免费 【建议收藏】

只知道Mermaid？ 这款独自与visio抗衡20年的免费软件竟让deepseek的生图效率再翻倍 【建议收藏】

废物简历秒变HR心动款！Deepseek教你3步改出必过简历  【建议收藏】

踩坑又踩坑 | 做到这些才能效率翻10倍！用deepseek三分钟绘制各种图表（建议收藏）

别再用KimiPPT助手了 | 比较了三个AI工具后大师兄给牛马的忠告

大师兄登录小红书 |  跟着大师兄学 AI 图文笔记，小红书创作不求人

抢救褪色记忆！手残党福利，AI三步修复老照片

三八妇女节海报设计0成本！用AI工具2步生成精美海报？0基础也能秒懂

体制人必看：DeepSeek智能改稿的3大禁忌与3个提效密码

特朗普VS泽连斯基刷屏 | 别被碎片化信息骗了！这才是AI分析特朗普事件的正确姿势

DeepSeek：选对模型，效率翻倍。   送Deepseek清华AI 5件套

文档系列

小红书/Tiktok运营秘籍 | 《大任智库DeepSeek+ 外经贸企业创新突围讲义精华全版》

他为中央政治局第二十次集体学习演讲 | 郑南宁院士《科技赋能教育》

13所大学Deepseek公开课，一次拿走 | 更新浙大第2季《AI大模型如何破局传统医疗 》

不花钱请家教！秘塔这个AI免费功能让学习效率翻倍 | AIGC技术赋能教育数字化转型

未来教育风向标 | 教育学顶流985高校，华东师范大学《AIGC技术赋能教育数字化转型的机遇与挑战》,13所大学deepseek

中美博弈又添筹码，AI模型差距只剩千分之三 | 455页斯坦福2025 AI指数报告全新出炉，附文档免费下载及中文通意辅读工具

没有更全的了，免费拿走 | 12所大学Deepseek公开课，更新至浙大第2季《智能金融：AI 驱动的金融变革》

Deepseek公开课,不能再全了 | 中山大学 《从技术突破到场景落地：大模型发展图谱与DeepSeek创新应用》。

一次下载10个大学的Deepseek系列课 | 更新至哈工大，《从图灵测试到DeepSeek》 82页

清华大学 | 1-14 全网最全合集，《迈向未来的AI教学实验》369页爆肝呈现  【快收藏】

【免费下载】清华大学Deepseek系列之第九篇 |《DeepResearch应用报告》  【建议收藏】

【免费下载】政务七连发 |《北京“数据要素x”典型案例 》《智慧城市大脑建设方案》 【建议收藏】

【免费下载】制造业数字化两件套 | 《德勤制造业人工智能创新应用发展报告》《中国制造企业数字化转型白皮书》

【免费下载】清华厦大deepseek学术王炸两件套

给被315晚会扎心的朋友们补补血 | 《2024年宇树科技商业计划书》【免费下载】

【免费下载】阿里巴巴全域数据中台 | 华为数据中台建设路径：筑梦数字化未来之路

【免费下载】小朋友再不学AI就来不及啦 | “少年商学院｜DeepSeek中小学生使用手册（83页）”

[免费下载]浙江大学DeepSeek系列公开课：智能时代的全面到来和人机协作的新常态（含视频课

这一回不要羡慕别人了，快来取 |  北京大学：DeepSeek与AIGC应用

AI五分钟科普

快转给爸爸 | 从平面到动画，5分钟零基础为小棉袄打造属于自己的迪斯尼魔法回忆

5分钟！| 早读课偷偷哼歌被表扬！这招让<出师表>秒变洗脑神曲无需安装！5 分钟体验 AI 文生图魔法（内有豆包安装方法）

AI新闻

「解读」IT新闻 | 微软裁员 6000 人背后：两次亲身体验暴露的必然性，活该还是无奈？

AI 时代，你的工作会被取代吗？| 如何重塑AI时代的个人价值

马拉松新纪元：冠军只是开始，这些「翻车」画面才是重点，机器人马拉松比赛带来的机器人AI赛道的思考

「好奇」从实验室到独角兽 | 人工智能路演现场直击

东大反制速度震惊白宫幕僚！| 川普关税清单竟被AI秒破解？

这5条愚人节AI生成的假新闻你有没有中招  【快转给中招的朋友】

“4月1号，朋友圈一定要这样发”

四大 AI 联合打造 315 晚会曝光清单，这些信息不容错过！

英特尔首次换上华人CEO | AI你怎么看

特朗普VS泽连斯基刷屏 | 别被碎片化信息骗了！这才是AI分析特朗普事件的正确姿势