javascript - 点击其他东西后如何让onclick消失

Question

我正在开发我的新网站空间，但遇到了一个小问题。我知道必须使用 onclick 函数输入标签

<script>
function mark( el ) {
    el.style.borderBottom= "3px solid white";
  }
</script>

当我点击第一个输入时，边框会按我想要的方式出现，但是当我点击另一个输入时，第一个输入标签的边框仍然存在。那么我怎样才能让这个函数只在点击输入标签本身时才起作用，而不是在点击另一个输入标签时起作用

谢谢你的期待

Answer 1

只需使用 CSS 的 :focus 伪类:

input:focus {
    border-bottom:3px solid red;
}

<input type="text">
<input type="text">

MDN Docs