当我编码时,我注意到我在两个回调函数中重复相同的代码两次:
document.querySelector(DOM.usernameInput).addEventListener("keydown", e => {
if (e.keyCode === 13) {
e.preventDefault();
UI.events.form.password.show();
}
});
document.querySelector(DOM.next).addEventListener('click', (e)=>{
e.preventDefault();
UI.events.form.password.show();
});
我尝试编写一些算法来实现这个目标,但仍然无法实现该目标。
最佳答案
引入一个新函数并将通用逻辑移至该函数。
请看一下。
function showPassword(event) {
event.preventDefault();
UI.events.form.password.show();
}
document.querySelector(DOM.usernameInput).addEventListener("keydown", e => {
if (e.keyCode === 13) {
showPassword(e);
}
});
document.querySelector(DOM.next).addEventListener('click', showPassword);
希望这对您有帮助。
关于javascript - 如何将click事件的回调与keydown事件的回调结合起来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60226180/