javascript - 如何检测一个FORM的整个FOCUS

 壮丁1987_536 发布于 2022-11-12 10:36

问题描述:
做一个表格;初始状态只显示一个input field,当获得focus的时候会显示出其他的input.
我在做这个form的时候不能同时解决以下问题:
第一种:当鼠标点击空白块(表格外面的的区域时),表格应还原倒初始状态(只显示一个input field)
第二中:当鼠标点击form里面的input的时候,不会还原初始状态,会保持显示全部的input field)

以下为代码-用的vue.js 2.0-- 类似的例子是google keep (添加note的那个表格)

2 个回答
  • 你是想要这个效果?
    demo

    2022-11-12 11:00 回答
  • <form @focusin.self="isFocus=false" tabindex="0" class="column is-3 is-offset-4 hero is-primary">

    https://jsfiddle.net/KingMari...

    或者用 focus 事件,参见:https://developer.mozilla.org...
    focusin 事件会冒泡,focus 事件不冒泡

    2022-11-12 11:00 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有