gpt4 book ai didi

javascript - 结合加载和调整纯 JavaScript

转载 作者:行者123 更新时间:2023-11-30 11:47:55 25 4
gpt4 key购买 nike

我将加载和调整大小功能合二为一。

$(window).on("resize", function () {
if (window.innerWidth < 700) {
alert('hello');
}
}).resize();

但我正在寻找纯 JavaScript 代码(没有 jQuery)。

我该如何创建它?

最佳答案

您可以通过添加事件监听器并在调整大小时调用函数来做到这一点:

window.addEventListener("resize", onResizeFunction);

function onResizeFunction (e){
//do whatever you want to do on resize event
}

onLoad 事件也是如此:

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want
}

如果你想在调整大小时触发函数,当窗口加载时

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want
onResizeFunction();// if you want to trigger resize function immediately, call it

window.addEventListener("resize", onResizeFunction);
}

function onResizeFunction (e){
//do whatever you want to do on resize event
}

关于javascript - 结合加载和调整纯 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40328768/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com