[英]Combining two functions Pure JS
如何将这两个功能合而为一? 现在我有两个功能做同样的事情:关闭网站上的搜索 window - 通过按 escape 和按某个外部。
searchOverlay.addEventListener('keydown', function(event){
if(event.key === "Escape"){
body.classList.remove('search-opened');
event.stopPropagation();
}
});
searchOverlay.addEventListener('click', function (e) {
if (e.target.closest('.search-inner') === null) {
body.classList.remove('search-opened');
e.stopPropagation();
}
});
}
您甚至可以简单地创建一个支持这两种情况的事件监听器
function removeSearchOpenedClass(event) {
if (event.key === "Escape" || !event.target.closest(".search-inner")) {
body.classList.remove('search-opened');
event.stopPropagation();
}
}
searchOverlay.addEventListener('keydown', removeSearchOpenedClass)
searchOverlay.addEventListener('click', removeSearchOpenedClass)
您可以声明一个 function 并在两个回调中调用它。
function doStuff(e){
body.classList.remove('search-opened');
e.stopPropagation();
}
searchOverlay.addEventListener('keydown', function(event){
if(event.key === "Escape"){
doStuff(event)
}
});
searchOverlay.addEventListener('click', function (e) {
if (e.target.closest('.search-inner') === null) {
doStuff(e)
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.