在没有JQuery和onFocus（）事件的情况下聚焦触发Javascript事件

Question

我想触发html中某些类的Java脚本事件。我不想使用任何jQuery或其他onfocus()这样的js事件。我不想在html代码中添加任何事件监听器。但是js中的事件处理程序可能会被接受！

Answer 1

我希望，这个例子可以对您有所帮助。

const txtName = document.getElementById('txt-name');
txtName.addEventListener('focus', e => {
  alert('hi, i\'ve focused')
})

<input type="text" id="txt-name" />

Answer 2

element.onfocus = () => {event handler function}
element.addEventListener('focus', () => {event handler function})

要获取具有类的所有元素：

elements = document.querySelectorAll('.class');
elements.forEach(element => element.addEventListener('focus', () => {handlerFunction});