Javascript onfocusin 事件仅在输入中

Question

我有一个简单的代码，其中包含一个带有onfocusin的form。当我聚焦输入时调用此事件，这是正确的。但是当我按下按钮时，该事件也会被调用。我怎样才能告诉javascript忽略这个onfocusin事件到按钮？

示例如下:

<form onfocusin="console.log('Input received Focus')">
      <input placeholder="name"/><br>
      <input placeholder="age"/><br>
      <input placeholder="full name"/><br>
      <button type="button">Send!</button>
    </form>

谢谢。

Answer 1

您可以使用事件目标过滤按钮元素..

function focusFunction(e){
  if(e.target.tagName != 'BUTTON'){
    console.log('Input received Focus')
  } 
}

<form onfocusin="focusFunction(event)">
      <input placeholder="name"/><br>
      <input placeholder="age"/><br>
      <input placeholder="full name"/><br>
      <button type="button">Send!</button>
    </form>