如何将双重属性设置为一个元素？

Question

嗨，我可以为同一个元素设置 2 个属性吗？ 当我专注于一项时，我想运行 2 个功能？如果没有其他选择，有什么想法吗？谢谢。

 listEl.setAttribute('onfocusout', `updateItem(${index}, ${row})`, 'onfocusout', `hideInputBoxOnElement(${row})`);

Answer 1

我认为您正在寻找事件侦听器。 onblur、onclick、onmouseover、onmouseout 等不是属性，而是在事件发生时触发的内联事件侦听器。

//select the myElement somehow, either using the element's ID, class, etc.
myElement.addEventListener('focusout', function() {
  updateItem(index, row);
  hideInputBoxOnElement(row);
});

您可以在一个元素中拥有任意数量的事件侦听器，因此您甚至可以执行以下操作：

//select the myElement somehow, either using the element's ID, class, etc.
myElement.addEventListener('focusout', function() {
  updateItem(index, row);
});

//select the myElement somehow, either using the element's ID, class, etc.
myElement.addEventListener('focusout', function() {
  hideInputBoxOnElement(row);
});

只是一个建议，您可能想要使用blur 事件而不是focusout 事件。你问有什么区别？ In web browsers, what's the difference between onblur and onfocusout? 基本上，focusout 会在元素本身或其任何子元素失去焦点时触发，而 blur 只会为元素本身触发。

人们常说不以前缀on- 开头的javascript 事件侦听器与以前缀on- 开头相比被认为是更好的做法，但我个人认为这没有太大区别.