javascript - 停止焦点事件添加 stopPropagation 方法问题

Question

当我专注于此文本栏时，我只想显示一个警报，我正在使用 JS stop.Propagation() 方法来停止事件监听器，这似乎不起作用，我也想避免添加html 属性“onFocus=''”。 谢谢。

const textbar = document.querySelector('#search');

textbar.addEventListener('focus', (event) => {
  alert("hi");
  event.stopPropagation();
});

        <input type="text" name="search" id="search" placeholder="Search Employee Details" class="form-control" />

Answer 1

您可以尝试使用 bool 变量来实现。

const textbar = document.querySelector('#search');
let focused = false

textbar.addEventListener('focus', (event) => {
  if(!focused) {
    alert("hi");
    focused=true
  } else {
    focused=false
  }
});

<input type="text" name="search" id="search" placeholder="Search Employee Details" class="form-control" />