在JavaScript中,可以使用以下方法来解决被迫重新查询元素以触发点击处理程序的问题:
// HTML
- Item 1
- Item 2
- Item 3
// JavaScript
document.getElementById('list').addEventListener('click', function(event) {
if (event.target.tagName === 'LI') {
// 处理点击事件
console.log(event.target.textContent);
}
});
// HTML
// JavaScript
var button = document.getElementById('myButton');
function clickHandler() {
// 处理点击事件
console.log('Button clicked');
}
button.addEventListener('click', clickHandler);
// HTML
// JavaScript
(function() {
var button = document.getElementById('myButton');
function clickHandler() {
// 处理点击事件
console.log('Button clicked');
}
button.addEventListener('click', clickHandler);
})();
这些方法都可以避免在每次点击时重新查询元素,从而提高性能并解决被迫重新查询元素的问题。
上一篇:被迫在方法中重复变量
下一篇:北桥和南桥的区别