Question

因此，我可以选择使用下面的2个实现来跟踪单击的li元素。第一个只是一个

选项1：

var ul = document.getElementById('inputField');
ul.onkeyup= function (event) {
    var target = getEventTarget(event);
    var userInput = target.value;
    alert(userInput );
};

选项2：

<input id="inputField" onkeyup="alert(userInput)" />

据我所知，在上述案例中，较短的一个更具吸引力。但是，如果我打算使用多个输入字段，则选项1更具吸引力，因为我不必为每个输入字段的每个属性获取代码。我的问题是......是否有一种方法比另一方皱眉？

Answer 1

两者都同样糟糕，并且不赞成（就像使用jQuery一样）。使用addEventListener。

ul.addEventListener("keyup", function () {
    // callback
});

如果您想与旧浏览器兼容，请添加一个包装，检查addEventListener并回退到attachEvent。

什么时候应该使用* DOM属性vs * HTML属性？

1 个答案: