Javascript HTML如何在单击另一个元素（如按钮）后保持输入的焦点状态

我想在点击按钮后保持对焦状态。保持状态是指：

• 如果
  对焦，点击按钮后保持对焦
• 如果
  之前未对焦，请不要在单击按钮后对焦

因此，在单击之后，由于

的当前对焦状态始终为“非对焦”，我想获得

的先前对焦状态

问题是

blur

总是在

单击事件之前调用

我所尝试的：

// onclick event
this.$iptPassword.on('click', this.toggleShowPassword);

这里有类似的问题。但在触摸屏中情况更复杂

创建了一个工作Plnkr-

引入2个变量-
“inputWasFocused”和“clickWasOutsideOfScope”-使用这些变量，我能够保存实际“模糊”事件之前的最后一个输入状态（聚焦/未聚焦）
Element.focus（）
1。没有HTML元素，可能您想使用
。请单击.img eye
？2.请在工作代码段3中提供完整的HTML。添加
jquery
标记4<代码>控制台日志（$iptPassword）是否有理想的结果？
// callback
toggleShowPassword() {
    console.log(this.$iptPassword.is(':focus')); // always return false
    this.$iptPassword.attr('type', this.$iptPassword.attr('type') === 'password' ? 'text' : 'password');
}