问题描述:
做一个表格;初始状态只显示一个input field,当获得focus的时候会显示出其他的input.
我在做这个form的时候不能同时解决以下问题:
第一种:当鼠标点击空白块(表格外面的的区域时),表格应还原倒初始状态(只显示一个input field)
第二中:当鼠标点击form里面的input的时候,不会还原初始状态,会保持显示全部的input field)
以下为代码-用的vue.js 2.0-- 类似的例子是google keep (添加note的那个表格)
你是想要这个效果?
demo
<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 事件不冒泡